@charset "utf-8";





*,

:before,

:after {

    margin: 0;

    padding: 0;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}



html,

body,

div,

h1,

h2,

h3,

h4,

h5,

h6,

ul,

ol,

dl,

li,

dt,

dd,

p,

pre,

form,

fieldset,

figure,

figcaption,

table,

th,

td img {

    margin: 0;

    padding: 0;

}



body {

    font-family: "Heiti SC", "Microsoft YaHei", "微软雅黑";

    color: #333;

    font-size: 16px;

    line-height: 1.7;

    margin: 0 auto;

    background-color: #FFF;

    min-width: 1280px;

}



ol,

ul,

li {

    list-style: none;

}



i,

em {

    font-style: normal;

}



a {

    color: #333;

    text-decoration: none;

    outline: none;

    cursor: pointer;

}



a:hover,

a:active,

a:link,

a:visited {

    text-decoration: none;

    

}



fieldset,

img,

video {

    max-width: 100%;

    border: none;

    vertical-align: middle;

}



input,

select,

textarea,

button {

    color: #333;

    font-size: 16px;

    font-family: "Microsoft Yahei", sans-serif;

    outline: none;

    border: none;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}



input,

button {

    border-radius: 0;

    -webkit-appearance: none;

}





textarea {

    resize: none;

    outline: none;

    border: none;

    -webkit-appearance: none;

}





input:-ms-clear {

    display: none;

}





input[type="button"],

input[type="submit"],

input[type="reset"] {

    -webkit-appearance: none;

    outline: none;

}



::-webkit-input-placeholder {

    color: #EEE;

}



::-moz-placeholder {

    color: #EEE;

}



:-ms-input-placeholder {

    color: #EEE;

}



:-moz-placeholder {

    color: #EEE;

}



table {

    border-collapse: separate;

}



.cl{ clear:both;}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    line-height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {

    zoom: 1;

}



.transition {

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

}



.wrap {    

		width:calc( 100% - 200px); margin:0 auto; min-width:1300px; max-width:1500px; box-sizing:border-box;

}





.header {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    width: 100%;

    z-index: 9999;

    padding: 20px 0;

    line-height: 60px;

    width: 100%;

    /*overflow: hidden;*/

   

}

.header1 {

  background: rgba(37,76,146,0.9);

}

.logo {

    float: left;

    width: 201px;

    margin-top: -2px;

}



.logo img {

    width: 100%;

    height: auto;

}



.nav {

    float: left;

    width: calc(100% - 460px);

		box-sizing: border-box;

    padding: 0 40px;

}



.nav li {

    float: left;

    width: 12.5%;

		position:relative;

}



.nav li>a {

    display: block;

		text-align:center;

    color: #fff;

    font-size: 18px;

    padding: 0 5px;

    position: relative;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.nav li>a:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -7px;

    width: 100%;

    height: 0;

    background: url(../images/nav-on.png) center bottom no-repeat;

    -webkit-transition: .2s;

    -moz-transition: .2s;

    -ms-transition: .2s;

    -o-transition: .2s;

    transition: .2s

}



.nav li.nav-on>a,

.nav li:hover>a {

    margin-top: -10px;

    font-weight: bold;

}



.nav li.nav-on>a:after,

.nav li:hover>a:after {

    height: 17px;

}

.nav li dl{ padding:0 0; position:absolute; left:-50px; top:60px; right:-50px; height:0; overflow:hidden; background:rgba(0,0,0,0.8);transition: all .5s ease; border-radius:4px;}

.nav li dl dd{ line-height:40px; text-align:center;}

.nav li dl dd a{ font-size:14px; color:#fff;}

.nav li dl dd:hover a{ font-weight:bold}

.nav li:hover dl.dhejfl{ height:470px; padding:10px 0;}

.nav li:hover dl.dhhcejfl{ height:150px; padding:10px 0;}



.top-tel {

    float: right;

    margin-top: 4px;

}



.top-tel p {

    background: url(../images/top-tel.png) no-repeat left center;

    color: #FFF;

    font-size: 16px;

    line-height: 1.4;

    padding-left: 58px;

}



.top-tel p strong {

    display: block;

    color: #F0BE4D;

    font-size: 26px;

}







.banner {

    position: relative;

    /*height: 950px;*/

}



.banner .ban-con{}

.banner .ban-con ul li{ width:100%; padding-bottom:calc(10400% / 250); position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.banner .ban-con ul li video{ position:absolute; left:0; right:0; top:0; bottom:0; object-fit: fill;}

.banner .ban-con ul li.dtvideo:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.2); display:none; z-index:5}

.banner .ban-con ul li.dtvideo .dtvideotext{ text-align:center; position: absolute; width:600px; margin-left:-300px; left:50%; top:45%; z-index:999}

.banner .ban-con ul li.dtvideo .dtvideotext h3{ font-size:48px; color:#fff;}

.banner .ban-con ul li.dtvideo .dtvideotext span{ font-size:24px; color:#fff; letter-spacing:12px; line-height:40px;}



.ban-item {

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: right top;

    /* padding-top: 200px; */

    /* padding-bottom: 224px; */

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    margin-bottom: 30px;

}



.ban-item:before {

    content: "";

    position: absolute;

    left: 0;

    top: 200px;

    width: 34.375%;

    height: 500px;

    /* background: url(../images/ban-line.png) no-repeat; */

    -webkit-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -ms-background-size: 100% 100%;

    -o-background-size: 100% 100%;

    background-size: 100% 100%;

}





.item01 {

    /* background-image: url(../images/ban-bg01.jpg); */

    z-index: -1;

    position: relative;

}





.ban-base {

    float: left;

    width: 42%;

    margin-top: 66px;

}



.ban-txt {

    position: relative;

    z-index: 0;

}



.ban-txt i {

    position: absolute;

    left: 0;

    top: -10px;

    color: #194036;

    opacity: .06;

    filter:Alpha(opacity=6);

    font-size: 120px;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1.1;

    z-index: -1;

    -webkit-filter:Alpha(opacity=10);

}



.ban-txt a {

    display: block;

    color: #172c52;

    font-size: 100px;

    font-weight: bold;

    line-height: 1.1;

}



.ban-txt a:hover {

    color: #222;

}



.ban-txt a.txt-font{

    font-size: 72px;

    padding-top: 16px;

}



.ban-font p {

    margin-top: 50px;

    color: #666;

    font-size: 18px;

    line-height: 20px;

}



.ban-font p:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 20px;

    height: 20px;

    background: url(../images/ban-icon.png) no-repeat;

    margin-right: 10px;

}



.ban-tab {

    margin-top: -224px;

    margin-left: 35%;

    margin-right: 6%;

    overflow: hidden;

}



.ban-tab .slick-list{

    margin-left: -12px;

}



.ban-btn {

    margin-top: 77px;

    margin-left: 104px;

}



.nyaboutbanner{ width:100%; height:800px; padding-top:100px; box-sizing:border-box; background-position:center center; background-repeat:no-repeat;}





.nybanner_text{ width: calc( 100% - 200px); margin: 0 auto; min-width: 1300px; box-sizing: border-box;}

.nybanner_text h3{ font-size:36px; color:#fff; margin:40px 0 20px;}

.nybanner_text p{ font-size:16px; color:#fff; width:700px;margin-bottom: 80px;}

.nyaboutvideo{ float:right;}

.nybanner_text_a{ float:right;}

.nybanner_text_a{display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;border-radius: 4px;background:#0048a4;background: -moz-linear-gradient(left, #0550af 0%, #0048a4 100%);background: -webkit-linear-gradient(left, #0550af 0%,#0048a4 100%);background: -o-linear-gradient(left, #0550af 0%,#0048a4 100%);background: -ms-linear-gradient(left, #0550af 0%,#0048a4 100%);background: linear-gradient(to right, #0550af 0%,#0048a4 100%);  background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}

.nybanner_text_a:hover {background-position: right center; color:#fff;}





.nyaboutbanner_text{ width: calc( 100% - 200px); margin: 0 auto; min-width: 1300px; max-width: 1400px; box-sizing: border-box;}

.nyaboutbanner_text h3{ font-size:36px; color:#fff; margin:130px 0 50px;}

.nyaboutbanner_text p{ font-size:16px; color:#fff; width:520px;margin-bottom: 50px;text-align: justify;}

.nyaboutbanner_text .more-a{display: inline-block;width: 180px;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;cursor: pointer;}

.nyaboutbanner_text .more-a img{margin-left: 10px;vertical-align: middle;margin-top: -2px;}

.nyaboutbanner_text .lx-a{margin-right: 20px;cursor: pointer;}



.nybanner_text_a img{margin-left: 6px;vertical-align: middle;margin-top: -4px;display: inline-block;}



.more-a{display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;border-radius: 4px; background:#254c92; }



.aboutchangfang{}

.aboutchangfanglist{ width:100%;}

.aboutchangfanglist ul li{ float:left; width:25%; padding:0 10px;}

.aboutchangfanglist ul li h3{ overflow:hidden; border-radius:5px;}

.aboutchangfanglist ul li p{ font-size:22px; color:#333; text-align:center; line-height:60px;}



.tab-list {

    float: left;

    position: relative;

    padding: 20px 20px 25px 90px;

    background: #FFF;

    -webkit-box-shadow: 0 10px 20px rgba(25, 64, 54, .1);

    -moz-box-shadow: 0 10px 20px rgba(25, 64, 54, .1);

    -ms-box-shadow: 0 10px 20px rgba(25, 64, 54, .1);

    -o-box-shadow: 0 10px 20px rgba(25, 64, 54, .1);

    box-shadow: 0 10px 20px rgba(25, 64, 54, .1);

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    margin: 22px 20px 22px 80px;

}



.tab-list:before {

    content: "";

    position: absolute;

    left: -2px;

    top: -2px;

    bottom: -2px;

    right: -2px;

    background: -webkit-linear-gradient(left, #265D50 20%, #FFFFFF 80%);

    background: -moz-linear-gradient(left, #265D50 20%, #FFFFFF 80%);

    background: -o-linear-gradient(left, #265D50 20%, #FFFFFF 80%);

    background: linear-gradient(to right, #265D50 20%, #FFFFFF 80%);

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    z-index: -1;

    width: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.tab-pro {

    position: absolute;

    left: -80px;

    top: 10px;

}



.tab-info a {

    display: block;

    color: #333;

    font-size: 18px;

    font-weight: bold;

    background: url(../images/ban-name01.png) no-repeat right center;

    line-height: 32px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-right: 8px;

    position: relative;

}





.tab-info p {

    color: #333;

    font-size: 16px;

    margin-top: 15px;

}



.tab-list:hover:before,

.tab-list.slick-current:before {

    width: 100%;

}



.tab-list:hover .tab-info a,

.tab-list.slick-current .tab-info a {

    color: #194036;

    background-image: url(../images/ban-name02.png);

}



.banner .slick-slide {

    /* outline: none; */

    /* height: 930px; */

}



.ban-tab .slick-slide {

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

}



.ban-con .slick-prev:before,

.ban-con .slick-next:before {

    display: none;

}



.ban-con .slick-prev,

.ban-con .slick-next {

    font-size: 0;

    top: auto;

    left: 50%;

    bottom: 150px;

    z-index: 99;

    width: 50px;

    height: 50px;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -ms-background-size: 100% 100%;

    -o-background-size: 100% 100%;

    background-size: 100% 100%;

}



.ban-con .slick-prev {

    margin-left: -700px;

    background-image: url(../images/ban-arrow01.png);

}



.ban-con .slick-prev:hover {

    background-image: url(../images/ban-arrow03.png);

}



.ban-con .slick-next {

    right: auto;

    margin-left: -540px;

    background-image: url(../images/ban-arrow02.png);

}



.ban-con .slick-next:hover {

    background-image: url(../images/ban-arrow04.png);

}



.paging {

    position: absolute;

    z-index: 99;

    bottom: 56px;

    left: 50%;

    margin-left: -630px;

    color: #8C8C8C;

    font-size: 18px;

}



.paging .cur {

    color: #1f4280;

    font-size: 28px;

    font-weight: bold;

}



.btn-more {

    position: relative;

    z-index: 1;

    display: inline-block;

    width: 200px;

    line-height: 60px;

    text-align: center;

    vertical-align: middle;

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    -ms-border-radius: 60px;

    -o-border-radius: 60px;

    border-radius: 60px;

    -webkit-transition: .8s;

    -moz-transition: .8s;

    -ms-transition: .8s;

    -o-transition: .8s;

    transition: .8s;

    color: #F0BE4D;

    background: #172c52;

    font-size: 20x;

    overflow: hidden;

}



.btn-more:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 0%;

    height: 100%;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -ms-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

    background: #F0BE4D;

}



.btn-more:hover:after {

    width: 100%;

}



.btn-more:hover {

    color: #172c52;

    background: #F0BE4D;

}





.ban-pic {

    float: right;

    width: 56%;

    position: relative;

    margin-top: 30px;

}



.ban-pic:after {

    content: "";

    position: absolute;

    right: 0;

    top: -70px;

    width: 211px;

    height: 623px;

    background: url(../images/ban-right.png) no-repeat;

}



.ban-pic span {

    position: absolute;

    right: -130px;

    top: 50%;

    margin-top: -26px;

    color: #F0BE4D;

    font-size: 24px;

    line-height: 30px;

    width: 120px;

}



.ban-pic img {

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.ban-pic img:hover {

    -webkit-transform: scale(1.02);

    -moz-transform: scale(1.02);

    -ms-transform: scale(1.02);

    -o-transform: scale(1.02);

    transform: scale(1.02);

}









.banner .hd{ height:16px; overflow:hidden; position:absolute; right:50%; bottom:20px; z-index:1; margin-right: -64px;}

.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }

.banner .hd ul li{ float:left; margin: 0 8px;  width:16px; height:16px; line-height:16px; text-align:center; background:#fff; cursor:pointer; border-radius:10px;}

.banner .hd ul li.on{ color:#254c92; background-color:#254c92;}









.index-about {

    padding: 80px 0;

    background: url(../images/about-bg.jpg) #FFF bottom center no-repeat;

}



.about-pic {

    float: left;

    width: 40%;

}



.about-info {

    float: right;

    width: 57%;

}



.about-info h1 {

    color: #333;

    font-size: 46px;

    line-height: 1.1;

		margin-top: 40px;

}



.about-info p {

    color: #666;

    font-size: 18px;

    line-height: 36px;

    margin-top: 20px;

}



.about-info ul {

    margin-top: 50px;

    margin-left: -3.3%;

}



.about-info ul li {

    float: left;

    width: 30%;

    margin-left: 3.3%;

    text-align: center;

}



.about-info ul li strong {

    display: block;

    color: #172c52;

    font-size: 48px;

    line-height: 1.1;

}



.about-info ul li p {

    margin-top: 4px;

}



.about-info span {

    margin-top: 60px;

}



.btn-price {

    display: inline-block;

    width: 276px;

    line-height: 60px;

    text-align: center;

    background-color: #F0BE4D;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    border-radius: 30px;

    color: #333;

    font-size: 20px;

    cursor: pointer;

    position: relative;

    z-index: 0;

}



.btn-price:before {

    content: "";

    position: absolute;

    left: -5px;

    top: -5px;

    right: -5px;

    bottom: -5px;

    background: rgba(240, 190, 77, .3);

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    border-radius: 30px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    z-index: -1;

}



.btn-price:hover:before {

    background: rgba(240, 190, 77, .1);

}





.index-txt {

    text-align: center;

		width:1200px; margin:0 auto;

}



.index-txt h2 {

    color: #333;

    font-size: 36px;

    line-height: 1.1;

}



.index-txt h2:before,

.index-txt h2:after {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 35px;

    height: 26px;

    background-repeat: no-repeat;

    margin-top: -6px;

}



.index-txt h2:before {

    background-image: url(../images/tit-icon01.png);

    margin-right: 20px;

}



.index-txt h2:after {

    background-image: url(../images/tit-icon02.png);

    margin-left: 20px;

}



.index-txt p {

    color: #666;

    font-size: 18px;

    line-height: 30px;

    margin-top: 30px;

}



.index-type {

    margin-top: -180px;

}



.index-type ul {

    margin-top: 70px;

    /* width: 1400px; */

    margin: 0px auto;

}



.index-type li {

    float: left;

    width: 23%;

    position: relative;

    overflow: hidden;

    margin: 1%;

}

.index-type li span{

    display: block;

    width: 100%;

    height: 356px;

    background: #273f69;

}

.index-type li:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -35%;

    width: 100%;

    height: 35%;

    background: url(../images/case-txt.png) repeat-x bottom center;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    z-index: 1;

}



.index-type li:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    /* background: rgba(0, 0, 0, .6); */

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.type-pic a img {

    width: 100%;

}



.type-txt {

    /* position: absolute; */

    bottom: 0px;

    z-index: 2;

    color: #BBB;

    line-height: 2.6;

    /* padding-left: 70px; */

    background: #124cb1;

    width: 100%;

    text-align: center;

}



.type-txt a {

    display: block;

    color: #d8d8d8;

    font-size: 18px;

    font-weight: bold;

}



.type-txt span {

    display: block;

    font-size: 18px;

    margin-top: 20px;

}



.type-link {

    position: absolute;

    left: 50%;

    top: -50%;

    margin-left: -60px;

    margin-top: -60px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    width: 120px;

    height: 120px;

}



.type-link img {

    width: 100%;

    height: auto;

}



.index-type li:hover:after,

.index-type li.type-on:after {

    top: -100%;

}



.index-type li:hover:before,

.index-type li.type-on:before {

    bottom: 0;

}



.index-type li:hover .type-link,

.index-type li.type-on .type-link {

    top: 50%;

}



.index-type li:hover .type-txt,

.index-type li.type-on .type-txt,

.index-type li:hover .type-txt a,

.index-type li.type-on .type-txt a {

    color: #FFF;

}



.index-type li:hover .type-txt a:hover,

.index-type li.type-on .type-txt a:hover {

    color: #F0BE4D;

}





.index-hot {

    padding:80px 0;

    background:#f8f8f8 url(../images/bg-hot.png) no-repeat top center;

}



.hot-pro {

    position: relative;

}



.syhotpro{ margin-top:40px; position:relative;}

.syhotpro li{ float:left; width:50%; background:#f4f4f4; padding:30px;}

.syhotpro li:nth-child(1){ padding-right:15px;}

.syhotpro li:nth-child(2){ padding-left:15px;}

.syhotpro li h3{ width:100%; height:350px; overflow:hidden;}

.syhotpro li h3 a{ display:block; width:100%; height:100%; background-position:center center;  background-size:cover; background-repeat:no-repeat;transition: all 0.5s ease; -webkit-transition-duration: 1s; transition-duration: 1s;}

.syhotpro li h3:hover a{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.syhotpro li p{ line-height:80px; padding-left:50px; background:#fff url(../images/icon-pro.png) 20px center no-repeat;}

.syhotpro li p a{ font-size:20px; font-weight:bold; color:#333; margin-right:8px; transition: all 0.3s ease;}

.syhotpro li p a:hover{ color:#254c92}

.syhotpro li p span{ font-size:14px; color:#888;}



.syprolist{ margin-top:40px; position:relative; height:480px;}

.syprolist:before{ content:""; position:absolute; left:50%; top:0; margin-left:-1px; z-index:999; height:100%; width:1px; background:#eee;}

.syprolist:after{ content:""; position:absolute; top:50%; left:0; margin-top:-1px; z-index:999; width:100%; height:1px; background:#eee;}

.syprolist li{ float:left; width:50%; box-sizing:border-box; padding:30px; position:relative; background:#f4f4f4;}

.syprolist li:after{ content:""; background:#fefefe; position:absolute; width:0; height:0; transition: all 0.3s ease; z-index:1;}

.syprolist li:nth-child(1):after{ right:0; bottom:0;}

.syprolist li:nth-child(2):after{ left:0; bottom:0;}

.syprolist li:nth-child(3):after{ right:0; top:0;}

.syprolist li:nth-child(4):after{ left:0; top:0;}

.syprolist li.active:after{width:100%;height:100%;}

.syprolist li h3{ float:right; width:320px; height:180px; overflow:hidden; position:relative; z-index:9;}

.syprolist li h3 a img{transition: all 0.5s ease; -webkit-transition-duration: 1s; transition-duration: 1s;}

.syprolist li h3:hover a img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.syprolist li p{ float:left; width:calc(100% - 340px); box-sizing:border-box; position:relative; z-index:9;}

.syprolist li p a{ padding-left:25px; display:block; font-size:20px; margin-bottom:10px; background:url(../images/icon-pro.png) left center no-repeat; font-weight:bold; color:#333; transition: all 0.3s ease;}

.syprolist li p a:hover{ color:#254c92}

.syprolist li p span{ font-size:14px; color:#888; display:block;}





.nyprofl{ width:100%; overflow:hidden; position:relative;}

.nyprofl .alswiper1 {

	margin-top: 62px;position: relative;

}

.nyprofl .alswiper1 .swiper-slide {

	width: 50%;

	width: 33.33%\9;

	float: left\9;

	overflow: hidden;

	opacity: 0.2;

	opacity: 1\9;

	transition: all linear 0.4s

}

.nyprofl .alswiper1 .swiper-slide a {

	display: block

}

.nyprofl .alswiper1 .swiper-slide img {

	width: 100%;

	transition: all linear 0.4s

}

.nyprofl .alswiper1 .swiper-slide:hover img {

	transform: scale(1.1)

}

.nyprofl .alswiper1 .swiper-slide-active {

	opacity: 1

}

.nyprofl .alswiper1 .swiper-button {

	width: 76.66667%;

	margin: 0 auto;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0

}

.nyprofl .alswiper1 .swiper-button span {

	width: 50px;

	height: 50px;

	border-radius:4px;

	background: #254c92;

	position: absolute;

	top: 50%;

	margin-top: -33px;

	z-index: 2;

	cursor: pointer

}

.nyprofl .alswiper1 .swiper-button span:before {

	content: "";

	width: 18px;

	height: 18px;

	border-left: 2px solid #fff;

	border-bottom: 2px solid #fff;

	display: block;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -5px;

	margin-top: -9px

}

.nyprofl .alswiper1 .swiper-button .swiper-button-prev {

	left: 0

}

.nyprofl .alswiper1 .swiper-button .swiper-button-prev:before {

	transform: rotate(45deg);margin-left: -5px;

}

.nyprofl .alswiper1 .swiper-button .swiper-button-next {

	right: 0

}

.nyprofl .alswiper1 .swiper-button .swiper-button-next:before {

	transform: rotate(-135deg);margin-left: -12px;

}



.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display:none !important;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display:none !important;}



.nyprofl .alswiper2 {

	width: 1600px;

    min-width: 1300px;

    box-sizing: border-box;

		overflow:hidden;

	background: #f6f6f6;

	margin:0 auto; 

}

.nyprofl .alswiper2 .swiper-slide .sty1 {

	padding-top: 59px;

	padding-bottom: 63px;

	overflow: hidden

}

.nyprofl .alswiper2 .swiper-slide .sty1 .smsty {

	padding-left: 23px;

	position: relative

}

.nyprofl .alswiper2 .swiper-slide .sty1 .smsty:before {

	content: "";

	width: 4px;

	height: 23px;

	display: block;

	position: absolute;

	left: 0;

	top: 10px;

	background: #a3bae1;

	box-shadow: 0 10px 0 #254c92 inset

}

.nyprofl .alswiper2 .swiper-slide .sty1 .smsty .titsty {

	font-size: 30px;

	color: #000000;

	line-height: 1.4;

	font-weight: bold

}

.nyprofl .alswiper2 .swiper-slide .sty1 dd {

	width: 44.28571%;

	float: left

}

.nyprofl .alswiper2 .swiper-slide .sty1 dd h3 a {

	display: block;

	color: #000000

}

.nyprofl .alswiper2 .swiper-slide .sty1 dd h3 a:hover {

	color: #254c92

}

.nyprofl .alswiper2 .swiper-slide .sty1 dd p {

	margin-top: 16px;

	font-size: 16px;

	color: #666666;

	line-height: 2

}

.nyprofl .alswiper2 .swiper-slide .sty1 dt {

	width: 42%;

	float: right;

	margin-right: 105px

}

.nyprofl .alswiper2 .swiper-slide .sty1 dt .cppz_list {

	margin-left: -2.30088%;

	margin-top: 12px;

	overflow: hidden

}

.nyprofl .alswiper2 .swiper-slide .sty1 dt .cppz_list a {

	width: 47.57785%;

	height: 57px;

	float: left;

	margin-left: 2.30088%;

	margin-top: 13px;

	background: #ffffff;

	border: 1px solid #e5e5e5;

	font-size: 20px;

	color: #666666;

	text-align: center;

	line-height: 55px;

	position: relative;

	z-index: 1;

	overflow: hidden;

	transition: all 1s ease

}

.nyprofl .alswiper2 .swiper-slide .sty1 dt .cppz_list a:before {

	content: "";

	width: 100%;

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	z-index: -1;

	background: #254c92;

	transform-origin: right;

	transform: translateX(-100%);

	opacity: 0;

	display: none\9;

	transition: opacity 1s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 1s cubic-bezier(0.45, 0.12, 0.04, 0.96)

}

.nyprofl .alswiper2 .swiper-slide .sty1 dt .cppz_list a:hover {

	color: #fff

}

.nyprofl .alswiper2 .swiper-slide .sty1 dt .cppz_list a:hover:before {

	transform: translateX(0);

	opacity: 1;

	display: block\9

}

.nyprofl .alswiper2 .swiper-slide .sty2 {

	padding: 31px 0;

	background: #254c92;

	font-size: 0

}

.nyprofl .alswiper2 .swiper-slide .sty2 .smf {

	display: inline-block;

	vertical-align: middle

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fl {

	width: 15.5%;

	font-size: 24px;

	color: #ffffff;

	line-height: 1.79167;

	font-weight: bold

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fc {

	width: 60.07143%;

	margin-left: 2.28571%;

	margin-right: 2.64286%;

	overflow: hidden

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fc p {

	width: 18.66825%;

	float: left;

	position: relative;

	overflow: hidden

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fc p img {

	width: 100%;

	display: block;

	border: 1px dashed #fff;

	transition: all linear 0.4s

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fc p span {

	background: rgba(38, 39, 43, 0.6);

	position: absolute;

	left: 1px;

	right: 1px;

	top: 50%;

	margin-top: -18px;

	font-size: 18px;

	line-height: 2;

	color: #fff;

	text-align: center

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fc p:hover img {

	border: 1px solid #254c92;

	transform: scale(1.1)

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fc p+p {

	margin-left: 1.66468%

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr {

	width: 19%;

	text-align: center

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn {

	width: 84.21053%;

	position: relative;

	z-index: 1;

	cursor: pointer

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn a {

	width: 100%;

	display: block;

	background: #fff;

	border-radius: 70px;

	font-size: 24px;

	color: #254c92;

	font-weight: bold;

	line-height: 60px;

	transition: all linear 0.4s

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn i {

	width: 100%;

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	border-radius: 70px;

	z-index: -1;

	transition: all linear 0.4s

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn .zs1 {

	right: -5.80357%;

	background: rgba(255, 255, 255, 0.6);

	animation: animation1 1.5s ease-in-out 0s infinite both;

	animation-delay: -0.8s

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn .zs2 {

	right: -11.60714%;

	background: rgba(255, 255, 255, 0.3);

	animation: animation2 1.5s ease-in-out 0s infinite both;

	animation-delay: -0.64s

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn .zs3 {

	right: -17.41071%;

	background: rgba(255, 255, 255, 0.1);

	animation: animation3 1.5s ease-in-out 0s infinite both;

	animation-delay: -0.48s

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn:hover a {

	background: #fff

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn:hover .zs1 {

	background: rgba(255, 255, 255, 0.6)

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn:hover .zs2 {

	background: rgba(255, 255, 255, 0.3)

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .swtbtn:hover .zs3 {

	background: rgba(255, 255, 255, 0.1)

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .look_more {

	display: inline-block;

	padding-top: 15px;

	border-bottom: 2px solid rgba(255, 255, 255, 0.7);

	font-size: 18px;

	color: #ffffff;

	text-align: center;

	opacity: 0.6;

	transition: all linear 0.4s

}

.nyprofl .alswiper2 .swiper-slide .sty2 .fr .look_more:hover {

	opacity: 1

}



.nypro{ background:#f8f8f8; padding:80px 0;}

.nypro .nyprolist{ width:100%;}

.nypro .nyprolist ul{}

.nypro .nyprolist ul li{ float:left; width:33.33%; padding:10px; box-sizing:border-box;}

.nypro .nyprolist ul li h3{width:100%; height:300px; overflow:hidden; border-radius:10px; overflow:hidden;}

.nypro .nyprolist ul li h3 a{ display:block; width:100%; height:100%; background-position:center center;  background-size:cover; background-repeat:no-repeat;transition: all 0.5s ease; -webkit-transition-duration: 1s; transition-duration: 1s;}

.nypro .nyprolist ul li h3:hover a{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.nypro .nyprolist ul li p{ padding:20px 30px; background:#fff url(../images/icon-pro.png) 30px 28px no-repeat;}

.nypro .nyprolist ul li p a{ padding-left:30px;font-size:20px; font-weight:bold; color:#333; margin-right:8px; transition: all 0.3s ease;}

.nypro .nyprolist ul li p a:hover{ color:#254c92}

.nypro .nyprolist ul li p span{ font-size:16px; color:#888; line-height:40px; display:block; width:100%; height:40px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}



.syabout_box{ width:100%; background:#fff; position:relative;}

.syabout{ width:90%; min-height:610px; margin:0 auto; min-width:1300px; max-width: 1400px; box-sizing:border-box;overflow: hidden;position: relative;}

.syabout_l{ float:left; width:50%; background:url(../images/syaboutimg.jpg) center center no-repeat; background-size:cover; height:760px;}



.syabout_r{ float:right; width:calc(50% - 200px); padding:60px 0; margin-right:100px; position:relative; min-height:450px;}

.syabout_r h3{ font-size:60px; color:#254c92; text-transform:uppercase;line-height: 80px;}

.syabout_r h4{ font-size:30px; color:#333;}

.syabout_r p{ font-size:16px; color:#888; line-height:32px; text-align:justify}

.syabout_r p:hover{ color:#666;}

.syabout_r_a{ font-size:24px; color:#254c92; text-transform:uppercase;}



.syabout_list{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; height:30px; box-sizing:border-box; position:relative;}

.syabout_list ul{ width:100%; padding:40px 80px; background:#254c92; height:220px; box-sizing:border-box; position:absolute; left:0; top:-115px; z-index:9;box-shadow: 0px 2px 10px 1px rgba(50,50,50,0.3);}

.syabout_list li{ float:left; width:25%;}

.syabout_list li h3{ float:left; font-size:80px; font-weight:bold; color:#fff; font-family:Arial}

.syabout_list li h4{ float:left; margin-left:10px; font-weight:normal; padding-top:30px;}

.syabout_list li h4 b{ font-size:24px; color:#fff; display:block; font-weight:normal;}

.syabout_list li h4 span{ font-size:18px; color:#fff;}





.ny_syabout_list{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; height:180px; box-sizing:border-box; position:relative;}

.ny_syabout_list ul{ width:100%; padding:40px 80px; background:#fff; border-bottom: 5px #2c5395 solid; height:220px; box-sizing:border-box; position:absolute; left:0; top:-115px; z-index:9;box-shadow: 0px 2px 10px 1px rgba(50,50,50,0.3);}

.ny_syabout_list li{ float:left; width:25%;}

.ny_syabout_list li h3{ float:left; font-size:80px; font-weight:bold; color:#2c5395; font-family:Arial}

.ny_syabout_list li h4{ float:left; margin-left:10px; font-weight:normal; padding-top:30px;}

.ny_syabout_list li h4 b{ font-size:24px; color:#333; display:block; font-weight:normal;}

.ny_syabout_list li h4 span{ font-size:18px; color:#888;}







.hot-txt {

    /* position: absolute; */

    left: 0;

    top: 0;

    width: 36%;

    /* overflow: hidden; */

}



.hot-txt h2,

.base-txt h2 {

    color: #333;

    font-size: 36px;

    line-height: 1.1;

}



.hot-txt p,

.base-txt p {

    color: #666;

    font-size: 18px;

    line-height: 36px;

    margin-top: 26px;

}



.hot-con {

    float: left;

}



.hot01 {

    width: 35.7%;

    margin-top: 190px;

}



.hot02 {

    width: 25.7%;

    margin: 0 5%;

}



.hot03 {

    width: 28.6%;

    margin-top: 128px;

    position: relative;

}



.hot03:before {

    content: "";

    position: absolute;

    right: 0;

    top: -108px;

    width: 464px;

    height: 264px;

    background: url(../images/dot-hot.png) no-repeat;

}



.hot-pic {

    display: block;

    position: relative;

    overflow: hidden;

}



.hot-pic img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.hot-pic img:hover {

    -moz-transform: scale(1.02);

    -ms-transform: scale(1.02);

    -o-transform: scale(1.02);

    -webkit-transform: scale(1.02);

    transform: scale(1.02);

}



.hot01 .hot-pic {

    padding-top: 68%;

}



.hot02 .hot-pic {

    padding-top: 125%;

}



.hot03 .hot-pic {

    padding-top: 100%;

}



.hot-font {

    margin: 25px 0;

}



.hot-font a {

    display: block;

    color: #333;

    font-size: 20px;

    line-height: 30px;

    font-weight: bold;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.hot-font a:hover {

    color: #172c52;

}



.hot-font a:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 30px;

    height: 30px;

    background: url(../images/icon-pro.png) no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    margin: -1px 10px 0 -4px;

}



.hot-font p {

    color: #666;

    font-size: 18px;

    line-height: 30px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-top: 12px;

    padding-left: 36px;

}











.hot-list {

    padding: 10px;

    position: relative;

}



.hot-list:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 180px;

    background-repeat: no-repeat;

    background: url(../images/hot-list.png) no-repeat bottom left;

    -webkit-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -ms-background-size: 100% 100%;

    -o-background-size: 100% 100%;

    background-size: 100% 100%;

    z-index: -1;

}



.hot-yd .hot-list:before{

    background-image: url(../images/hot-lists.png);

}



.hot-list .hot-pic {

    padding-top: 66.7%;

}

.index-pice{

    position: relative;

    margin-top: 80px;

		background: url(../images/home2bg.jpg) center center repeat;

		height:520px;

}

.index-pice .pice{

    float:left;

    width: calc(100% - 700px);

		padding-top:80px;

}

.index-pice .pice h2{

    font-size: 36px;

    color:#fff;

}

.index-pice .pice p{

    font-size: 16px;

    color:#dcdcdc;

    margin-top: 20px;

		line-height:36px;

		text-align: justify;

}

.index-pice .syhuace{ float:right; width:600px; height:430px; padding-top:80px; position:relative;}

.index-pice .syhuace:after{ content:""; left:-20px; top:60px; bottom:-20px; right:-20px; border-radius:30px; position:absolute; z-index:1; background:rgba(37,76,146,0.5);}

.index-pice .syhuace img{ max-width:100%; overflow:hidden; border-radius:20px; position:relative; z-index:9}



.pice-bottom{

    margin-top: 50px;

}

.pice-bottom .piceLeft{

    float: left;

    width: 100%;

}

.pice-bottom .piceRight{

    float: right;

    margin-top: 10px;

    width: 30%;

}

.pice-bottom .piceLeft strong{

    font-size: 26px;

    color:#f0be4d;

    display: block;

}

.pice-bottom .piceLeft .btn-price{

    width: 250px;

    height: 50px;

    line-height: 50px;

    display: block;

    text-align: center;

    font-size: 20px;

    color:#1d2025;

    font-weight: bold;

    padding-right: 4%;

    margin-top: 20px;

    position: relative;

}

.pice-bottom .piceLeft .btn-price:after{

    width: 24px;

    height: 23px;

    background: url(../images/fj.png) no-repeat;

    content:"";

    display: inline-block;

    position: absolute;

    left: 50%;

    margin-left: 80px;

    top: 50%;

    margin-top: -12.5px;

}



.index-case {

    position: relative;

    padding-top: 110px;

    z-index: 10;

    margin-top: 60px;

}



.index-case:before {

    content: "";

    position: absolute;

    left: 120px;

    top: 40px;

    width: 260px;

    height: 243px;

    background: url(../images/case-icon.png) no-repeat;

    z-index: -1;

}



.txt-name {

    float: left;

    width: 700px;

}



.txt-name h2 {

    color: #333;

    font-size: 46px;

    line-height: 1.1;

}



.txt-name p {

    color: #666;

    font-size: 18px;

    line-height: 36px;

    margin-top: 20px;

}



.txt-btn {

    float: right;

    margin-top: 50px;

}



.txt-btn span {

    display: inline-block;

    line-height: 60px;

    padding: 0 40px;

    color: #F0BE4D;

    font-size: 20px;

    font-weight: bold;

    background-color: #172c52;

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    -ms-border-radius: 60px;

    -o-border-radius: 60px;

    border-radius: 60px;

    cursor: pointer;

    position: relative;

}

.txt-btn span a{

    color: #fff;

}

.txt-btn span:after {

    content: "";

    position: absolute;

    left: 5px;

    top: 5px;

    right: 5px;

    bottom: 5px;

    border: 1px dashed #F0BE4D;

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    -ms-border-radius: 60px;

    -o-border-radius: 60px;

    border-radius: 60px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.txt-btn span:hover:after {

    top: 8px;

    left: 8px;

    right: 8px;

    bottom: 8px;

}



.case-no {

    display: none;

}



.case-link {

    margin-top: 66px;

}



.case-link li {

    float: left;

    width: 30.3%;

    margin:0 1.5%;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

		height:380px;

}



.case-pic {

    height: 249px;

}



.case-pic a {

    display: block;

    position: relative;

    

}



.case-pic a img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 249px;

}



.case-info {

    position: relative;

    padding: 20px 25px;

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

}



.case-info:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 4px;

    background-color: #254c92;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.case-info h3 a {

    display: block;

    color: #333;

    font-size: 20px;

    line-height: 30px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-right: 32px;

}



.case-info h3 a:hover {

    color: #172c52;

}



.case-info p {

    color: #666;

    font-size: 16px;

    line-height: 30px;

    margin-top: 12px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    height: 30px;

}



.case-info p:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 10px;

    height: 10px;

    border: 1px solid #172c52;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    margin-right: 8px;

    margin-top: -3px;

}



.case-more {

    position: absolute;

    right: 30px;

    top: 26px

}



.case-more img {

    width: 32px;

    height: auto;

}



.case-link li:hover {

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -o-transform: translateY(-5px);

    transform: translateY(-5px);

}



.case-link li:hover .case-info:before {

    width: 100%;

}



.index-video {

    padding-bottom: 130px;

    margin-top: 120px;

    position: relative;

}



.index-video:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 600px;

    background: url(../images/video-bg.png) #1D2025 no-repeat bottom center;

    z-index: -1;

}



.video-base {

    float: left;

    width: 55%;

}



.video-con {

    margin-top: 44px;

    position: relative;

    border: 5px solid #254c92;

}



.video-btn {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9;

    cursor: pointer;

}



.video-btn img {

    position: absolute;

    width: 140px;

    height: 140px;

    left: 50%;

    top: 50%;

    margin-left: -70px;

    margin-top: -70px;

    z-index: 99;

}



.video-con video {

    width: 100%;

    height: auto;

}



.video-link {

    margin-top: 84px;

}



.video-link strong {

    display: block;

    font-weight: normal;

    color: #FFF;

    font-size: 36px;

    line-height: 1.1;

    text-align: center;

    position: relative;

    top: -32px;

}



.video-link span {

    display: inline-block;

    margin-top: 60px;

    line-height: 70px;

    width: 260px;

    text-align: center;

    background: -webkit-linear-gradient(left, #FB2740 0%, #FE5F60 100%);

    background: -moz-linear-gradient(left, #FB2740 0%, #FE5F60 100%);

    background: -ms-linear-gradient(left, #FB2740 0%, #FE5F60 100%);

    background: -o-linear-gradient(left, #FB2740 0%, #FE5F60 100%);

    background: linear-gradient(to right, #FB2740 0%, #FE5F60 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FB2740, endColorstr=#FE5F60, GradientType=1);

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    -ms-border-radius: 60px;

    -o-border-radius: 60px;

    border-radius: 60px;

    -webkit-box-shadow: 0 0 30px rgba(251, 39, 64, .2);

    -moz-box-shadow: 0 0 30px rgba(251, 39, 64, .2);

    -ms-box-shadow: 0 0 30px rgba(251, 39, 64, .2);

    -o-box-shadow: 0 0 30px rgba(251, 39, 64, .2);

    box-shadow: 0 0 30px rgba(251, 39, 64, .2);

    color: #FFF;

    font-size: 24px;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.video-link span a{ color:#fff;}



.video-link span:hover {

    margin-left: 8px;

}



.video-info {

    float: right;

    width: 45%;

    position: relative;

    padding: 80px 6% 0 5%;

    color: #DCDCDC;

    font-size: 18px;

    line-height: 36px;

}



.video-info:before {

    content: "";

    position: absolute;

    left: -25%;

    right: 0;

    top: 0;

    height: 100%;

    background-color: #1d2025;

    z-index: -1;

    -webkit-box-shadow: 0 0 50px rgba(29, 32, 37, .3);

    -moz-box-shadow: 0 0 50px rgba(29, 32, 37, .3);

    -ms-box-shadow: 0 0 50px rgba(29, 32, 37, .3);

    -o-box-shadow: 0 0 50px rgba(29, 32, 37, .3);

    box-shadow: 0 0 50px rgba(29, 32, 37, .3);

}



.video-info li {

    margin-bottom: 80px;

}



.video-info strong {

    display: block;

    color: #FFF;

    font-size: 24px;

}



.video-info strong i {

    display: inline-block;

    color: #F0BE4D;

    margin-right: 20px;

}



.video-info p {

    margin-top: 18px;

}





.index-news {

    margin-top: 80px;

}



.index-news .index-txt {

    margin-bottom: 40px;

}



.news-box {

    width: 100%;

}



.box-fr {

    margin-left: 6%;

}



.news-txt {

    line-height: 40px;

}



.txt-more {

    float: right;

    width: 50px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.txt-more:hover {

    margin-right: -5px;

}



.txt-con {

    overflow: hidden;

    display: block;

    color: #333;

    font-size: 30px;

    font-weight: bold;

}



.txt-con:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 49px;

    height: 34px;

    background: url(../images/tit-icon03.png) no-repeat;

    margin-right: 15px;

    margin-top: -2px;

}



.txt-con:hover {

    color: #172c52;

}



.box-hot {

    margin-top: 30px;

}



.box-hot li {

    padding: 20px;

    background-color: #FFF;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    -moz-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    -ms-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    -o-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    overflow: hidden;

    position: relative;

		float:left; width:48%; margin:0 1% 40px;

}



.box-pic {

    float: left;

    width: 265px;

    height: 160px;

}



.box-pic a {

    display: block;

    position: relative;

    overflow: hidden;

    height: 160px;

		background-repeat:no-repeat;

		background-position:center center;

		background-size: cover;

}



.box-pic a:before {

    content: " ";

    position: absolute;

    z-index: 1;

    top: 50px;

    left: -250px;

    width: 340px;

    height: 40px;

    background: rgba(255, 255, 255, 0.3);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.box-pic a:hover:before {

    margin-left: 460px;

}



.box-info {

    display: block;

    overflow: hidden;

    padding: 7px 20px;

}



.box-info a {

    display: block;

    color: #333;

    font-size: 18px;

    line-height: 28px;

    font-weight: bold;

    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

}



.box-info a:hover {

    color: #172c52;

}



.box-info p.box-font{

    line-height: 26px;

    height: 52px;

    margin-top: 10px;

    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;

}

.box-info span {

    display: inline-block;

    color: #AAA;

    font-size: 16px;

    margin-top: 8px;

}



.box-more {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 42px;

    line-height: 42px;

    text-align: center;

    background-color: #172c52;

    -webkit-border-top-left-radius: 10px;

    -moz-border-top-left-radius: 10px;

    -ms-border-top-left-radius: 10px;

    -o-border-top-left-radius: 10px;

    border-top-left-radius: 10px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.box-more:hover {

    width: 50px;

}



.box-list{ padding-top:20px;}

.box-list li {

    line-height: 34px;

		float:left; width:48%; margin:0 1% 20px;

}



.box-list li span {

    float: right;

    width: 90px;

    margin-left: 20px;

    color: #AAA;

    font-size: 16px;

}



.box-list li a {

    display: block;

    overflow: hidden;

    color: #666;

    font-size: 18px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.box-list li a:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 26px;

    height: 26px;

    background: url(../images/news-icon.png) no-repeat;

    margin-right: 8px;

    margin-top: -6px;

}



.box-list li:hover a {

    margin-left: 4px;

    color: #172c52;

}



.index-cont {

    margin-top: 80px;

		overflow: hidden;

    position: relative;

    padding: 55px 66px;

    z-index: 1;

}



.index-cont:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #254c92;



    z-index: -1;

}







.cont-font {

    float: left;

    color: #FFF;

    font-size: 30px;

    line-height: 30px;

    font-weight: bold;

}



.cont-font p {

    margin-top: 20px;

}



.cont-font i {

    display: inline-block;

    color: #F0BE4D;

}



.cont-edit {

    float: right;



}



.edit-text,

.edit-area,

.edit-btn {

    float: left;

    margin-left: 30px;

}



.edit-text {

    margin-top: -30px;

}



.edit-text label {

    display: block;

    margin-top: 30px;

    position: relative;

}

.edit-text label i{

    position: absolute;

    color: #FF3434;

    top: 16px;

    right: 10px;

    font-size: 20px;

}



.edit-text label input,

.edit-area textarea {

    background-color: rgba(255, 255, 255, .1);

    border: 1px solid #FFF;

    width: 260px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    color: #EEE;

    font-size: 16px;

    padding: 12px 16px;

}



.edit-area label {

    display: block;

}



.edit-area textarea {

    line-height: 36px;

    height: 130px;

    padding-top: 8px;

    padding-bottom: 8px;

}



.edit-btn button {

    position: relative;

    background: -webkit-linear-gradient(left, #F0BE4D 0%, #FBDA8F 50%, #F0BE4D 100%);

    background: -moz-linear-gradient(left, #F0BE4D 0%, #FBDA8F 50%, #F0BE4D 100%);

    background: -ms-linear-gradient(left, #F0BE4D 0%, #FBDA8F 50%, #F0BE4D 100%);

    background: -o-linear-gradient(left, #F0BE4D 0%, #FBDA8F 50%, #F0BE4D 100%);

    background: linear-gradient(to right, #F0BE4D 0%, #FBDA8F 50%, #F0BE4D 100%);

    width: 150px;

    height: 124px;

    color: #333;

    font-size: 24px;

    font-weight: bold;

    line-height: 48px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    cursor: pointer;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.edit-btn button:before {

    content: "";

    position: absolute;

    left: 0;

    top: 8px;

    width: 100%;

    height: 100%;

    background-color: #A47A1A;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    z-index: -1;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.edit-btn button:hover {

    height: 154px;

    color: #172c52;

}



.edit-btn button:hover:before {

    top: 0

}









.index-link {

    position: relative;

    padding: 50px 0;

    background-color: #F5F5F5;

    z-index: 0;

}



.index-link:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: #393B45;

    -webkit-border-bottom-left-radius: 0;

    -moz-border-bottom-left-radius: 0;

    -ms-border-bottom-left-radius: 0;

    -o-border-bottom-left-radius: 0;

    border-bottom-left-radius: 0;

    z-index: -1;

}





.link-pro{ width:calc(100% - 600px); float:left;}

.link-con {

    float: left;

    width: 33.33%;

		padding-left:40px;

		box-sizing:border-box;

}





.link-con a {

    color: #B3B3B3;

    font-size: 16px;

    line-height: 46px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.link-con a:hover {

    color: #FFF;

    font-size: 17px;

}



.link-con dt {

    margin-bottom: 20px;

}



.link-con dt a {

    color: #FFF;

    font-size: 22px;

    font-weight: bold;

}



.link-con dt a:hover {

    color: #F0BE4D;

    font-size: 26px;

}



.link-care{

    float: right;

    width: 480px;

    margin-top: 10px;

}

.link-care p{

    color: #BEBEBF;

    font-size: 18px;

    line-height: 1.2;

    margin-bottom: 12px;

}

.link-care p strong{

    color: #f0be4d;

    font-size: 30px;

    padding-left: 5px;

    position: relative;

    top: 2px;

}

.link-care p.care-txt{

    color: #3a7bf3;

    font-size: 24px;

}



.index-foot {

    background-color: #F5F5F5;

    padding: 20px 0 40px;

    text-align: center;

    font-size: 14px;

    color: #666;

    line-height: 24px;

}



.foot-link a {

    display: inline-block;

    color: #666;

    margin-right: 12px;

}



.foot-link a:hover {

    color: #194036;

}



.index-foot p {

    margin-top: 20px;

}



.index-foot p a {

    color: #194036;

    margin: 0 12px;

}



.index-foot p a:hover {

    text-decoration: underline;

}



.index-footer {

    background-color: #34363B;

    color: #FFF;

    font-size: 14px;

    text-align: center;

    line-height: 24px;

    padding: 18px 0;

}







.head-con .nav li a {

    color: #FFF;

}



.head-con .nav li.nav-on a,

.head-con .nav li:hover a {

    color: #F0BE4D;

}



.top-about {

    padding-top: 156px;

    background-repeat: no-repeat;

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -ms-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    background-image: url(../images/about-con.jpg);

    background-position: top right;

}



.place-show {

    font-size: 14px;

    line-height: 30px;

    color: #888;

}



.place-show i {

    display: inline-block;

    color: #ACACAC;

}



.place-show ol {

    display: inline-block;

}



.place-show ol li {

    display: inline-block;

    padding: 0 2px;

}



.place-show a {

    color: #ACACAC;

}



.place-show a:hover {

    color: #F0BE4D;

}



.about-streng {

    margin-top: 70px;

    width: 680px;

}







.about-txt h1,.about-txt h2 {

    color: #F0BE4D;

    font-size:36px;

    line-height: 1.1;

}



.about-txt h1,.about-txt h2 a{

    color: #F0BE4D;

    font-size: 36px;

    line-height: 1.1;

}



.about-txt p {

    color: #fff;

    font-size: 18px;

    line-height: 36px;

    margin-top: 30px;

		position:relative;

}

/*.about-txt p:after{ content:""; position:absolute; left:-30px; top:-30px; right:-30px; bottom:-30px;

		border: 6px solid #F0BE4D;}*/



.area-btn {

    display: inline-block;

    width: 200px;

    line-height: 70px;

    background: url(../images/area-btn.png) no-repeat;

    color: #FFF;

    font-size: 22px;

    padding-left: 40px;

    position: relative;

    margin-top: 24px;

    cursor: pointer;

}



.area-btn:before {

    content: "";

    position: absolute;  

    right: 32px;

    top: 20px;

    width: 30px;

    height: 30px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    background: url(../images/area-icon.png) no-repeat;

}



.area-btn:hover {

    color: #F0BE4D;

}



.area-btn:hover:before {

    right: 28px;

}



.about-video {

    margin-top: 70px;

}



.about-video span {

    display: inline-block;

    width: 250px;

    line-height: 90px;

    background: url(../images/video-about.png) no-repeat;

    text-align: center;

    color: #FFF;

    font-size: 22px;

    text-indent: -40px;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.about-video span:hover {

    font-size: 24px;

    color: #F0BE4D;

}



.popu-video {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: -100%;

    -webkit-transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    opacity: 0;

    filter: alpha(opacity=0);

    z-index: 9999;

}



.popu-video.open {

    top: 0;

    opacity: 1;

    filter: alpha(opacity=100);

}



.popu-bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .6);

}



.popu-video .video-show {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 1;

    width: 92%;

    max-width: 1000px;

}



.popu-video .video-show video {

    display: block;

    width: 100%;

    height: auto;

}



.popu-video .video-close {

    position: absolute;

    right: 0;

    top: -50px;

    font-size: 40px;

    line-height: 1;

    color: #FFF;

    cursor: pointer;

    font-weight: 400;

    font-style: normal;

}



.abouthonor{ background:#254c92 url(../images/abouthonor.jpg) center top no-repeat; padding:80px 0; position:relative; z-index:999}



.about-honor {

    position: relative;

    z-index: 999;

    font-size: 0;

}





.honor-img{ float:right; width:600px;}

.honor-img img{ max-width:100%;}



.honor-info {

    display: inline-block;

    vertical-align: middle;

    width: calc( 100% - 680px);

		float:left;

}



.honor-info p {

    margin-top: 20px;

}



.honor-pic {

    display: inline-block;

    vertical-align: middle;

    width: 52%;

}



.honor-pic img {

    width: 100%;

    height: auto;

}



.about-vie {

    

}



.vie-pic {

    float: left;

    width: 48%;

		padding-top:40px;

}

.vie-pic .area-pic{

    width: 100%;

    height: 800px;

}

.vie-pic .area-pic .pic-tab{

    width: 100%;

    height: 800px;

}

.vie-pic .area-pic .slick-prev{

    margin-left: 0px;

}



.vie-pic .area-pic .slick-next{

    margin-left: 0px;

    right: 0px;

}

.vie-pic .area-pic img{

    width: 560px;

    height: 800px;

}

.vie-pic img {

    height: auto;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}



.vie-pic ul{

    width: 102%;

}

.vie-pic ul li{

    

    float: left;

    margin-bottom: 20px;

    margin-right: 5%;

}

.vie-pic ul li img{

    max-width: 100%;

    height: 440px;

}

.vie-info {

    float: left;

    width: 52%;

    padding-top: 24px;

    padding-left: 70px;

}



.vie-info p {

    margin-top: 40px;

}



.vie-info li {

    margin-top: 20px;

    color: #D3D3D3;

    font-size: 18px;

}



.vie-info li:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 79px;

    height: 34px;

    background: url(../images/about-line.png) no-repeat;

    margin-top: -20px;

    margin-right: 24px;

}



.vie-info li strong {

    display: inline-block;

    vertical-align: bottom;

    font-size: 48px;

    line-height: 1;

    margin-right: 18px;

    color: #FFF;

}



.vie-info li strong i {

    font-size: 26px;

    position: relative;

    bottom: 0;

    margin-left: 5px;

}



.about-area {

    margin-top: 66px;

    background: url(../images/about-pic.jpg) no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.area-info {

    float: left;

    width: 50%;

    padding: 50px 40px;

}



.area-pic {

    float: left;

    width: 50%;

}



.pic-tab {

    position: relative;

    padding-top: 64.3%;

}



.pic-tab img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.area-pic .slick-prev:before,

.area-pic .slick-next:before {

    display: none;

}



.area-pic .slick-prev,

.area-pic .slick-next {

    font-size: 0;

    top: auto;

    left: 0;

    bottom: 72px;

    z-index: 99;

    width: 32px;

    height: 24px;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -ms-background-size: 100% 100%;

    -o-background-size: 100% 100%;

    background-size: 100% 100%;

}



.area-pic .slick-prev {

    margin-left: -226px;

    background-image: url(../images/area-arrow01.png);

}



.area-pic .slick-prev:hover {

    background-image: url(../images/area-arrow03.png);

}



.area-pic .slick-next {

    margin-left: -80px;

    background-image: url(../images/area-arrow02.png);

}



.area-pic .slick-next:hover {

    background-image: url(../images/area-arrow04.png);

}



.about-area {

    position: relative;

    z-index: 1;

}



.about-area .pagings {

    position: absolute;

    bottom: 63px;

    left: 50%;

    margin-left: -172px;

    color: #8C8C8C;

    font-size: 18px;

}



.about-area .pagings .cur {

    color: #FFF;

    font-size: 28px;

    font-weight: bold;

}



.about-union {

    position: relative;

    padding-top: 110px;

    z-index: 0;

}



.about-union:before {

    content: "";

    position: absolute;

    right: 0;

    top: -163px;

    width: 525px;

    height: 958px;

    background: url(../images/about-side.png) no-repeat;

}

.vie-pic .area-pic .slick-next{

    margin-left: 0px;

    right: 0px;

    left:637px

}

.about-price {

    position: relative;

}



.price-info {

    width: 	48%;

}



.price01 {

    background-color: #172c52;

    color: #FFF;

}

.price01 a{

	color: #fff;

}

.price01:before {

    background: rgba(42, 85, 162, 0.32);

}



.price01:hover:before {

    background: rgba(43, 108, 92, 0.1);

}



.price-con {

    margin-top: 70px;

}



.price-con img {

    margin-left: 20px;

		width: calc(100% - 310px);

}



.price-pic {

    position: absolute;

    left: 50%;

    top: 10px;

    width: 41%;

}



.price-pic img {

    width: 100%;

    height: auto;

}



.about-nation {

    margin-top: 100px;

}



.about-nation p {

    /*text-align: left;*/

}



.about-nation p img {

    width: 100%;

    height: auto;

    margin-top: 25px;

}



.about-ser {

    position: relative;

    padding-top: 120px;

    margin-top: 110px;

    background: url(../images/about-ser.jpg) no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    overflow: hidden;

}



.about-ser li {

    float: left;

    width: 49.6%;

    color: #FFF;

    font-size: 20px;

    line-height: 48px;

    margin-bottom: 130px;

    position: relative;

    padding-left: 36px;

}



.about-ser li:before {

    content: "";

    position: absolute;

    left: 6px;

    top: 8px;

    width: 4px;

    height: 80px;

    background-color: #FFC747;

}



.about-ser li.ser-no:before {

    display: none;

}



.about-ser li i {

    color: #FFC747;

}



.ser-font {

    position: absolute;

    left: 52%;

    top: 40%;

    width: 570px;

    z-index: 2;

}



.ser-font strong {

    color: #FFC747;

    font-size: 48px;

    line-height: 1.1;

}



.ser-font p {

    color: #D3D3D3;

    font-size: 18px;

    line-height: 36px;

    margin-top: 40px;

}



.ser-shield {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -100px;

    margin-left: -328px;

}



.ser-shield span {

    position: relative;

    display: inline-block;

    width: 160px;

    height: 160px;

    text-align: center;

    line-height: 160px;

    background: rgba(255, 199, 71, .05);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    z-index: 6;

}



.shield-con {

    position: relative;

    z-index: 0;

}



.shield-line {

    position: absolute;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: rgba(255, 199, 71, .05);

    opacity: 1;

    z-index: -1;

}



.shield-con:before {

    content: "";

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    width: 600px;

    height: 600px;

    background: rgba(255, 199, 71, .05);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-animation: pulse-border 1500ms ease-out infinite;

    animation: pulse-border 1500ms ease-out infinite;

}



.shield-con:after {

    content: "";

    position: absolute;

    z-index: 1;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 400px;

    height: 400px;

    background: rgba(255, 199, 71, .05);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    transition: all 200ms;

    -webkit-transition: all 200ms;

    -moz-transition: all 200ms;

    -ms-transition: all 200ms;

    -o-transition: all 200ms;

}



@-webkit-keyframes pulse-border {

    0% {

        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 1;

    }



    100% {

        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity: 0;

    }

}



@keyframes pulse-border {

    0% {

        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 1;

    }



    100% {

        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity: 0;

    }

}





.top-con {

    padding-top: 155px;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.top-ser {

    background-image: url(../images/bantop-ser.jpg);

}



.top-pro {

    background-image: url(../images/bantop-pro.jpg);

    padding-bottom: 100px;

}



.top-case {

    background-image: url(../images/bantop-case.jpg);

    padding-bottom: 100px;

}



.top-video {

    background-image: url(../images/bantop-casf.jpg);

    padding-bottom: 100px;

}

.top-news {

    background-image: url(../images/bantop-news.jpg);

    padding-bottom: 100px;

}



.top-base {

    padding: 70px 0;

}



.top-base h1 {

    display: inline-block;

    color: #F0BE4D;

    font-size: 48px;

    line-height: 1.1;

}



.top-base p {

    color: #D3D3D3;

    font-size: 18px;

    line-height: 30px;

    margin-top: 55px;

}



.ser-idea {

    padding: 80px 0;

    background-color: #F4F4F4;

}



.ser-idea ul {

    margin-left: -3%;

    margin-top: 50px;

}



.ser-idea ul li {

    float: left;

    width: 30.3%;

    margin-left: 3%;

    position: relative;

}



.ser-idea ul li img {

    width: 100%;

    height: auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

}



.ser-idea ul li strong {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 112px;

    height: 74px;

    line-height: 77px;

    background: url(../images/ser-idea.png) no-repeat;

    color: #FFF;

    font-size: 24px;

    z-index: 2;

    padding-left: 24px;

}



.ser-idea ul li p {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 90px;

    background-color: #F0BE4D;

    line-height: 50px;

    text-align: center;

    padding-left: 6px;

    color: #333;

    font-size: 18px;

    -webkit-border-bottom-right-radius: 10px;

    -moz-border-bottom-right-radius: 10px;

    -ms-border-bottom-right-radius: 10px;

    -o-border-bottom-right-radius: 10px;

    border-bottom-right-radius: 10px;

}



.ser-flow {

    margin-top: 75px;

}



.ser-flow ul {

    margin-left: -5%;

    margin-top: 55px;

}



.ser-flow ul li {

    float: left;

    width: 11.6%;

    margin-left: 5%;

    text-align: center;

    position: relative;

}



.ser-flow ul li:after {

    content: "";

    position: absolute;

    right: -28%;

    top: 33%;

    width: 20px;

    height: 32px;

    background: url(../images/ser-flow.png) no-repeat;

}



.ser-flow ul li.flow-last:after {

    display: none;

}



.ser-flow ul li img {

    max-width: 100%;

    height: auto;

    -webkit-transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;

    transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;

    -moz-transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;

    -ms-transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;

    -o-transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;

}



.ser-flow ul li:hover img {

    transform:  rotateY(0) rotateZ(360deg) rotateX(0);

    -webkit-transform:  rotateY(0) rotateZ(360deg) rotateX(0);

    -moz-transform:  rotateY(0) rotateZ(360deg) rotateX(0);

    -ms-transform:  rotateY(0) rotateZ(360deg) rotateX(0);

    -o-transform:  rotateY(0) rotateZ(360deg) rotateX(0);

}



.ser-flow ul li p {

    color: #666;

    font-size: 18px;

    line-height: 24px;

    margin: 20px 0;

}



.ser-parts {

    margin-top: 80px;

    padding: 80px 0 90px;

    background-color: #F4F4F4;

}



.part-info {

    float: left;

    width: 65%;

}



.part-con {

    position: relative;

    margin-top: 52px;

}



.part-con span {

    position: absolute;

    left: 0;

    top: -6px;

    cursor: pointer;

}



.part-con span img {

    width: 100%;

    height: auto;

}



.part-pic {

    float: right;

    width: 30%;

}



.part-pic img {

    width: 100%;

    height: auto;

}





.pro-cons {

    position: relative;

    margin-top: -95px;

    z-index: 0;

    padding-top: 50px;

}



.pro-cons:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #FFF;

    -webkit-border-radius: 40px 40px 0 0;

    -moz-border-radius: 40px 40px 0 0;

    -ms-border-radius: 40px 40px 0 0;

    -o-border-radius: 40px 40px 0 0;

    border-radius: 40px 40px 0 0;

    z-index: -1;

}



.more-btn {

    float: right;

    width: 200px;

    line-height: 50px;

    background: url(../images/more-btn.png) no-repeat;

    color: #FFF;

    font-size: 22px;

    padding-left: 40px;

    position: relative;

    top: 10px;

}



.more-btn:before,

.more-btn:after {

    content: "";

    position: absolute;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.more-btn:before {

    right: 10px;

    top: 10px;

    width: 30px;

    height: 30px;

    background: url(../images/more-icon.png) no-repeat;

}



.more-btn:after {

    right: 20px;

    top: 19px;

    width: 27px;

    height: 12px;

    background: url(../images/more-arrow.png) no-repeat;

}



.more-btn:hover {

    color: #F0BE4D;

}



.more-btn:hover:before {

    right: 24px;

}



.more-btn:hover:after {

    right: 10px;

}



.pro-txt p {

    color: #666;

    font-size: 18px;

    line-height: 36px;

    margin-top: 10px;

}



.pro-con {

    max-width: 1280px;

    margin: 0 auto;

}



.pro-con ul {

    margin-top: 34px;

    margin-left: -2.1%;

    padding-bottom: 100px;

}



.pro-con ul li {

    float: left;

    width: 31.2%;

    margin-left: 2.1%;

    background: url(../images/pro-line.png);

    -webkit-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    -moz-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    -ms-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    -o-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.pro-con ul li:hover {

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -o-transform: translateY(-5px);

    transform: translateY(-5px);

}



.pro-pic {

    position: relative;

    padding-top: 73.9%;

    display: block;

}



.pro-pic img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

}

.hon-con{

    position: relative;

    height: 544px;

}

.pro-info {

    padding: 30px 12px;

    /* overflow: hidden; */

}



.pro-info a {

    display: block;

    color: #333;

    font-size: 16px;

    line-height: 30px;

    font-weight: bold;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-bottom: 10px;

}



.pro-info a:hover {

    color: #172c52;

}



.pro-info a:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 18px;

    height: 18px;

    background: url(../images/icon-pro.png) no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    margin: 0 10px 0 0;

}



.pro-info p {

    color: #666;

    font-size: 18px;

    line-height: 42px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}





.color-bg {

    background-color: #F5F5F5;

}



/*资质荣誉*/



.hon-con {

    max-width: 1280px;

    margin: 0 auto;

}



.hon-con ul {

    margin-top: 34px;

    margin-left: -2.1%;

    padding-bottom: 100px;

}



.hon-con ul li {

    float: left;

    width: 31.2%;

    margin-left: 2.1%;

    background: url(../images/pro-line.png);

    -webkit-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    -moz-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    -ms-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    -o-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    box-shadow: 0 3px 2px rgba(247, 171, 0, .3);

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    height: 610px;

}



.hon-con ul li:hover {

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -o-transform: translateY(-5px);

    transform: translateY(-5px);

}



.hon-pic {

    position: relative;

    padding-top: 129.9%;

    display: block;

    overflow: hidden;

    /* width: 100%; */

    /* height: 600px; */

}



.hon-pic img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

}







.case-con {

    position: relative;

    margin-top: -95px;

}



.case-tab {

    padding: 40px 0;

    background: url(../images/case-line.png) left top;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);

    -moz-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);

    -ms-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);

    -o-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);

    box-shadow: 0 5px 20px rgba(37, 92, 79, .15);

}



.case-tab li {

    float: left;

    width: 20%;

    text-align: center;

    color: #666;

    font-size: 24px;

    line-height: 40px;

    position: relative;

    cursor: pointer;

}



.case-tab li:after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 1px;

    height: 100%;

    background-color: #AAA;

}



.case-tab li:last-child:after {

    display: none;

}



.case-tab li.case-on,

.case-tab li:hover {

    color: #172c52;

    font-weight: bold;

}



.case-list li {

    margin-bottom: 80px;

}





.news-con {

    margin-top: -95px;

    padding: 70px 60px;

    background-color: #FFF;

    -webkit-border-radius: 10px 10px 0 0;

    -moz-border-radius: 10px 10px 0 0;

    -ms-border-radius: 10px 10px 0 0;

    -o-border-radius: 10px 10px 0 0;

    border-radius: 10px 10px 0 0;

}



.hot-news {

    position: relative;

    float: left;

    width: 62.5%;

}



.news-pic {

    position: relative;

    padding-top: 66.25%;

    display: block;

    overflow: hidden;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

}



.news-pic img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.hot-news:hover img {

    -webkit-transform: scale(1.02);

    -moz-transform: scale(1.02);

    -ms-transform: scale(1.02);

    -o-transform: scale(1.02);

    transform: scale(1.02);

}



.hot-name {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 168px;

    background: url(../images/news-hotbg01.png) no-repeat;

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -ms-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    padding: 16px 50px;

    -webkit-border-radius: 0 0 10px 10px;

    -moz-border-radius: 0 0 10px 10px;

    -ms-border-radius: 0 0 10px 10px;

    -o-border-radius: 0 0 10px 10px;

    border-radius: 0 0 10px 10px;

}



.hot-name a {

    display: block;

    color: #FFF;

    font-size: 30px;

    font-weight: bold;

    line-height: 1.1;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.hot-name a:hover {

    color: #F0BE4D;

}



.hot-name p {

    color: #D3D3D3;

    font-size: 18px;

    line-height: 36px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    margin-top: 20px;

}



.hot-link {

    float: right;

    width: 30%;

    margin-top: 110px;

    padding: 34px 40px 68px;

    background: -webkit-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -moz-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -ms-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -o-linear-gradient(left, #368873 0%, #172c52 100%);

    background: linear-gradient(to right, #172d53 0%, #172c52 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#368873, endColorstr=#172c52, GradientType=1);

    position: relative;

    z-index: 0;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);

    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);

    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);

    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);

    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);

}



.hot-link:after {

    content: "";

    position: absolute;

    left: 6px;

    top: 6px;

    right: 6px;

    bottom: 6px;

    background: url(../images/link-bg.png);

    -webkit-border-radius: 16px;

    -moz-border-radius: 16px;

    -ms-border-radius: 16px;

    -o-border-radius: 16px;

    border-radius: 16px;

    z-index: -1;

}



.hot-link li {

    color: #172c52;

    font-size: 18px;

    font-weight: bold;

    line-height: 36px;

    margin-bottom: 20px;

}



.hot-link li:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 26px;

    height: 26px;

    background: url(../images/link-icon.png) no-repeat;

    margin-right: 8px;

    margin-top: -2px;

}



.hot-link p {

    color: #333;

    font-size: 18px;

    line-height: 36px;

}



.link-btn {

    position: absolute;

    left: 0;

    top: -96px;

    width: 207px;

    height: 62px;

    color: #FFF;

    font-size: 24px;

    line-height: 56px;

    padding-left: 26px;

    background: url(../images/link-btn.png) no-repeat;

    cursor: pointer;

}



.link-btn a{

    color: #FFF;

}



.link-btn:hover {

    color: #F0BE4D;

}



.link-head {

    position: absolute;

    right: 0;

    top: -110px;

    width: 134px;

}



.link-head img {

    width: 100%;

    height: auto;

}



.link-sell {

    position: absolute;

    top: -5px;

    right: -12px;

    width: 196px;

    height: 196px;

    background: url(../images/link-sell.png) no-repeat;

    color: #FFF;

    font-size: 24px;

    line-height: 36px;

    padding: 16px 33px;

    text-align: right;

}



.link-sell strong {

    display: block;

    color: #F0BE4D;

    line-height: 1.1;

}



.link-sell strong i {

    font-size: 48px;

    margin-right: 3px;

    position: relative;

    top: 3px;

}



.link-tel {

    position: absolute;

    left: -17px;

    bottom: -55px;

    width: 301px;

    height: 135px;

    background: url(../images/link-tel.png) no-repeat;

    color: #F0BE4D;

    font-size: 24px;

    font-weight: bold;

    line-height: 135px;

    padding-left: 50px;

}



.news-hots {

    margin-top: 40px;

}



.news-hots ul {

    margin-left: -4.7%;

}



.news-hots ul li {

    float: left;

    width: 45.3%;

    margin-left: 4.7%;

    position: relative;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    overflow: hidden;

}



.hots-pic {

    position: relative;

    padding-top: 42.6%;

    display: block;

    background-size: cover;

    background-position: center;

}



.hots-pic img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.news-hots ul li:hover img {

    -webkit-transform: scale(1.02);

    -moz-transform: scale(1.02);

    -ms-transform: scale(1.02);

    -o-transform: scale(1.02);

    transform: scale(1.02);

}



.hots-name {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 147px;

    background: url(../images/news-hotbg02.png) no-repeat;

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -ms-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    padding: 84px 30px 10px;

    -webkit-border-radius: 0 0 10px 10px;

    -moz-border-radius: 0 0 10px 10px;

    -ms-border-radius: 0 0 10px 10px;

    -o-border-radius: 0 0 10px 10px;

    border-radius: 0 0 10px 10px;

    color: #FFF;

    font-size: 24px;

    font-weight: bold;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.news-hots ul li:hover .hots-name {

    color: #F0BE4D;

}



.news-list {

    /*margin-top: 36px;*/

}



.news-list ul {

    margin-left: -4.7%;

}



.news-list li {

    float: left;

    width: 45.3%;

    margin-left: 4.7%;

    line-height: 34px;

    margin-top: 40px;

}



.news-list li span {

    float: right;

    width: 120px;

    margin-left: 20px;

    color: #AAA;

    font-size: 16px;

}



.news-list li a {

    display: block;

    overflow: hidden;

    color: #666;

    font-size: 18px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.news-list li a:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 26px;

    height: 26px;

    background: url(../images/news-icon.png) no-repeat;

    margin-right: 8px;

    margin-top: -6px;

}



.news-list li:hover a {

    margin-left: 4px;

    color: #172c52;

}



.main-page {

    position: relative;

    width: 100%;

    color: #333;

    font-size: 16px;

    line-height: 38px;

    text-align: center;

    margin: 40px auto 0;

}



.main-page span,

.main-page a {

    display: inline-block;

    color: #666;

    margin: 0 5px;

    padding: 0 14px;

    border: 1px solid #DEDFE0;

    background-color: #FFF;

    cursor: pointer;

}



.main-page .current {

    color: #FFF;

    border: 1px solid #172c52;

    background-color: #172c52;

}



/*.pagination {

    display: inline-block;

    margin: 0 auto;

}



.pagination li {

    float: left;

}



.active span,

.disabled span {

    cursor: default;

}



.page-active span {

    border: 1px solid #172c52;

    cursor: default;

    display: block;

    padding: 2px;

    width: 40px;

    height: 40px;

    line-height: 35px;

    text-align: center;

}



.main-page a:hover,

.pagination .active span,

.ul-tab-page .on a,

.page-active span {

    color: #FFF;

    border: 1px solid #172c52;

    background: #172c52;

    -webkit-box-shadow: 0px 5px 10px -2px rgba(37, 92, 79, 0.35);

    box-shadow: 0px 5px 10px -2px rgba(37, 92, 79, 0.35);

}



.pagination ul {

    display: inline-block;

}*/



.dn {

    display: none;

}



.t-page {

    box-sizing: inherit;

    display: none;

    position: absolute;

    left: 50%;

    width: 600px;

    bottom: 80px;

    margin-left: -300px;

    padding: 26px 26px 10px;

    border: 1px solid #DEDFE0;

    z-index: 10;

    background-color: #FFF;

}



.t-page .close {

    position: absolute;

    right: 0;

    top: 5px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    color: #333;

    cursor: pointer;

}



.t-page .ico {

    content: '';

    position: absolute;

    bottom: -12px;

    left: 50%;

    margin-left: -12px;

    width: 0;

    height: 0;

    border-width: 12px 12px 0;

    border-style: solid;

    border-color: #DEDFE0 transparent transparent;

}



.t-page .ico em {

    content: '';

    position: absolute;

    bottom: 1px;

    left: -12px;

    width: 0;

    height: 0;

    border-width: 12px 12px 0;

    border-style: solid;

    border-color: #FFF transparent transparent;

}



.ul-page {

    text-align: center;

    overflow: hidden;

}



.ul-page li {

    float: left;

    margin-bottom: 10px;

}



.ul-page li a {

    display: block;

    padding: 2px;

    width: 40px;

    height: 40px;

    line-height: 35px;

    border: 1px solid #CACACA;

    text-align: center;

}



.ul-page li a,

.ul-page li span {

    margin: 0 7px;

}



.ul-tab-page {

    overflow: hidden;

    margin-top: 20px;

}



.ul-tab-page li {

    float: left;

    width: 20%;

    text-align: center;

    margin-bottom: 15px;

}



.ul-tab-page li a {

    display: block;

    font-size: 16px;

    color: #333;

    padding: 0 12px;

    line-height: 36px;

    border: 1px solid #F5F5F5;

    background-color: #F5F5F5;

}







.pro-page {

    background-image: url(../images/page-pro.jpg);

    padding-bottom: 80px;

}

.case-page {

    background-image: url(../images/page_case.jpg);

    padding-bottom: 80px;

}



.page-top {

    margin-top: -25px;

}



.page-top .page-left {

    float: left;

    width: 48%;

    max-width: 670px;

    position: relative;

    z-index: 2;

    margin-top: 71px;



}



.page-top .page-left img {

    width: 100%;

    border-radius: 10px 60px 0 60px;

    -webkit-border-radius: 10px 60px 0 60px;

    -moz-border-radius: 10px 60px 0 60px;

    -ms-border-radius: 10px 60px 0 60px;

    -o-border-radius: 10px 60px 0 60px;

    box-shadow: 0 3px 49px rgba(8, 39, 42, .2);

}



.page-top .page-right {

    float: right;

    width: 70%;

    margin-left: -20%;

    margin-right: 7px;

    background-color: #fff;

    position: relative;

    z-index: 1;

    padding: 70px 50px 0 22%;

    border-top-left-radius: 100px;

    height: 520px;

}



.page-top .page-right:before {

    width: 107px;

    height: 89px;

    background: url(../images/yq.png) no-repeat;

    background-size: 100% 100%;

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

}



.page-top .page-right:after {

    background: url(../images/sj_a.png) no-repeat;

    width: 256px;

    height: 224px;

    background-size: 100% 100%;

    content: "";

    display: block;

    position: absolute;

    right: -22px;

    bottom: -22px;

}



.page-top .page-right h1 {

    font-size: 36px;

    color: #333;

}



.page-top .page-right li {

    font-size: 18px;

    color: #4d4f53;

    margin-top: 45px;

    position: relative;

    line-height: 2em;

}



.page-top .page-right li:before {

    width: 54px;

    height: 46px;

    /*background: url(../images/fk.png) no-repeat;*/

    background-size: 100% 100%;

    position: absolute;

    left: -10px;

    top: -3px;

    content: "";

    display: block;

}



.page-top .page-right .box {

    margin-top: 55px;

}



.page-top .page-right .box .box-left {

    float: left;

}



.page-top .page-right .box .box-left p {

    font-size: 18px;

    color: #4d4f53;

}



.page-top .page-right .box .box-left strong {

    font-size: 28px;

    color: #f0be4d;

}



.page-top .page-right .box .box-right {

    float: right;

    width: 256px;

    height: 75px;

    line-height: 75px;

    position: relative;

    z-index: 100;

}



.page-top .page-right .box .box-right span {

    display: block;

    text-align: center;

    cursor: pointer;

    box-shadow: 0 5px 20px rgba(49, 72, 125, .3);

    border-radius: 30px 10px 10px 0;

    -webkit-border-radius: 30px 10px 10px 0;

    -moz-border-radius: 30px 10px 10px 0;

    -ms-border-radius: 30px 10px 10px 0;

    -o-border-radius: 30px 10px 10px 0;

    background: #fff;

    font-size: 24px;

    color: #206268;

    font-weight: bold;



}

.page-top .page-right .box .box-right span a:hover{ color:#F0BE4D}



.page-top .page-right .box .box-right:before {

    background: url(../images/d_bg.png) no-repeat;

    width: 171px;

    height: 66px;

    content: "";

    display: block;

    position: absolute;

    left: -51.8%;

    top: 5px;

    z-index: -1;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.page-top .page-right .box .box-right:hover:before{

    left: -30%;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.content-box {

    background: #f5f5f5;

}



.list-nav {

    background: #3b4d71;

    padding: 31px 0;

}



.list-nav li {

    float: left;

    width: 25%;

    font-size: 22px;

    color: #fff;

    text-align: center;

    background: url(../images/bt_icon.png) no-repeat 35% center;

    background-size: 20px 22px;

    position: relative;

    padding-left: 3%;

    cursor: pointer;

}

.list-nav li a{

    color: #fff;

}



.list-nav li:after {

    width: 1px;

    height: 30px;

    background: #5f5f5f;

    content: "";

    display: block;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -15px;

}



.list-nav li.last:after {

    display: none;

}



.content-base {

    background: #fff;

    padding: 60px;

}



.content-left {

    float: left;

    width: 63%;

}



.content-left .content h2 {

    font-size: 28px;

    color: #172c52;

    position: relative;

    padding-left: 45px;

    margin: 32px 0 30px;

}



.content-left .content h2:before {

    background: url(../images/h_bg.png) no-repeat;

    background-size: 100% 100%;

    width: 33px;

    height: 22px;

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 15px;

}



.content-left .content h3 {

    font-size: 26px;

    color: #172c52;

    margin: 32px 0 30px;

}



.content-left .content h4 {

    font-size: 24px;

    color: #172c52;

    margin: 32px 0 30px;

}



.content-left .content.cont-news h2{

    padding-left: 0;

}

.content-left .content.cont-news h2:before{

    display: none;

}

.content-left .content.cont-news h3{

    padding-left: 45px;

    position: relative;

}

.content-left .content.cont-news h3:before {

    background: url(../images/h_bg.png) no-repeat;

    background-size: 100% 100%;

    width: 33px;

    height: 22px;

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 11px;

}



.content-left .content p {

    font-size: 18px;

    color: #4d4f53;

    line-height: 2em;

    margin-bottom: 30px;

    text-indent: 2em;

}

.content-left .content .pc_cs{

    margin-bottom: 30px;

}



.content-left .content p img,

.content-left .content p video {

    max-width: 800px;

    height: auto;

    width: 100%;

    margin-left: -2em;

}



.content-left .content p.img-ms,.content-left .content p.font-explain{

    text-align: center;

    font-size: 18px;

    color: #F0BE4D;

    margin-left: -2em;

}



.content-left .content p strong {

    font-size: 20px;

    color: #4d4f53;

}



.content-left .content p a {

    padding: 0 4px;    color: #DA251D;

}

.nrswt{

    position: relative;

    display: inline-block;

    height: 54px;

    line-height: 54px;

    background: url(../images/btn-fc.png) repeat-x;

    margin-left: 30px;

    margin-right: 55px;

    cursor: pointer;

    text-indent: 0;

}

.nrswt:before{

    content: "";position: absolute;left: -25px;top: 0;width: 25px;height: 54px;background: url(../images/btn-fl.png) no-repeat;

}

.nrswt:after{

    content: "";position: absolute;right: -50px;top: 0;width: 50px;height: 54px;background: url(../images/btn-fr.png) no-repeat;

}

.nrswt:hover{

    font-weight: bold;

}



.content-left .content table td {

    padding: 5px 2px;

    word-break: break-all;

}

.case-pro{

    margin-top: 70px;

}

.case-pro strong{

    font-size: 36px;

    text-align: center;

    color: #172c52;

    background: -webkit-linear-gradient(330deg, #1f4280 0%, #172c52 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;



}

.case-pro strong span{

    color: #172c52;

}

.case-pro ul {

    margin-left: -2.5%;

    margin-top: 30px;

}



.case-pro ul li {

    float: left;

    width: 22.5%;

    margin-left: 2.5%;

    text-align: center;

}



.case-pro ul li a {

    display: block;

    overflow: hidden;

}



.case-pro li img {

    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}



.case-pro li:hover img {

    -moz-transform: scale(1.08, 1.08);

    -ms-transform: scale(1.08, 1.08);

    -o-transform: scale(1.08, 1.08);

    -webkit-transform: scale(1.08, 1.08);

    transform: scale(1.08, 1.08);

}

.case-pro li p a{

    line-height: 16px;

    margin: 20px auto;

    color:#4d4f53;

}



.content-right{

    float: right;

    width: 31%;

    padding-right: 15px;

}

.content-right .hot-link{

    width: auto;

    float: none;

}

.content-right .hot-link .link-bj{

    font-size: 24px;

    color:#fff;

}

.content-right .hot-link .link-bj {

    position: absolute;

    top: 0px;

    right: 0;

    width: 174px;

    height: 188px;

    /*background: url(../images/link_bg.png) no-repeat;*/

    color: #FFF;

    font-size: 24px;

    line-height: 36px;

    padding: 16px 15px 0;

    text-align: right;

    cursor: pointer;

}

.content-right .hot-link .link-bj:hover{

    color:#F0BE4D;

}

.content-right .hot-link .link-bj a{

     color: #FFF;

}

.xg-pro{

    background: #172c52;

    background: -webkit-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -moz-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -ms-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -o-linear-gradient(left, #368873 0%, #172c52 100%);

    background: linear-gradient(to right, #1a3d7b 0%, #172c52 100%);

    margin-top: 125px;

    position: relative;

    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);

}

.xg-pro:after{

    content:"";

    display: block;

    background: url(../images/xg_bg.png);

    content:"";

    position: absolute;

    left: 6px;

    top: 6px;

    right: 6px;

    bottom: 6px;



}

.xg-pro strong{

    font-size: 24px;

    color:#fff;

    background: url(../images/hot_pro.png) no-repeat;

    width: 365px;

    height: 79px;

    line-height: 70px;

    text-align: center;

    display: block;

    background-size: 100% 100%;

    position: absolute;

    left: -15px;

    top:45px;

    z-index: 20;



}



.xg-pro ul{

    position: relative;

    z-index: 10;

    padding: 125px 31px 30px;

}

.xg-pro ul li{

    text-align: center;

    margin-top: 30px;

}

.xg-pro ul li .img-pic{

    position: relative;

    padding-top: 54%;

    display: block;

    margin-bottom: 11px;

    overflow: hidden;

}

.xg-pro ul li .img-pic img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    display: block;

    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}

.xg-pro ul li .img-pic:hover img {

    -moz-transform: scale(1.08, 1.08);

    -ms-transform: scale(1.08, 1.08);

    -o-transform: scale(1.08, 1.08);

    -webkit-transform: scale(1.08, 1.08);

    transform: scale(1.08, 1.08);

}

.xg-pro ul li a{

    font-size: 18px;

    line-height: 2em;

    color:#333;display: block;

}

.xg-pro ul li:hover a{

    color:#F0BE4D;

    font-weight: bold;

}





.messages{

    background: url(../images/mes_bg.png) no-repeat;

    width: 826px;

    height: 679px;

    background-size: 100% 100%;

    margin-top: 30px;

}

.mes-left{

    float: left;

    padding-top: 263px;

    width: 40%;

}

.mes-left strong{

    font-size: 24px;

    color:#f5f8ff;

    display: block;

    padding-left: 125px;

}

.mes-left li{

    font-size: 24px;

    color:#f5f8ff;

    margin-top: 50px;

}

.mes-left li.one{

    padding-left: 95px;

}

.mes-left li.two{

    padding-left: 87px;

}

.mes-left li.three{

    padding-left: 77px;

}

.mes-right{

    float: left;

    width: 60%;

    padding-right: 90px;

    padding-top: 70px;

    position: relative;

}

.mes-right strong{

    font-size:36px;

    color: #172c52;

    background: -webkit-linear-gradient(330deg, #1f4280 0%, #172c52 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    position: relative;

}

.mes-right:before{

    background: url(../images/mesage_bg.png) no-repeat;

    background-size: 100% 100%;

    width: 284px;

    height: 46px;

    content:"";

    display: block;

    position: absolute;

    left: 0;

    top: 75px;

}

.mes-right p{

    font-size: 18px;

    color:#4d4f53;

    line-height: 2em;

    margin-top: 10px;

}

.mes-right form{

    margin-top: 40px;

}

.mes-right form li{

    margin-top: 22px;

    position: relative;

}

.mes-right form li.one:before{

    background: url(../images/icon_1.png) no-repeat;

    background-size: 100% 100%;

    width: 23px;

    height: 24px;

    content:"";

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -15px;

    left: 25px;

}

.mes-right form li.two:before{

    background: url(../images/icon_2.png) no-repeat;

    background-size: 100% 100%;

    width: 23px;

    height: 24px;

    content:"";

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -12px;

    left: 25px;

}

.mes-right form li.three:before{

    background: url(../images/icon_3.png) no-repeat;

    background-size: 100% 100%;

    width: 23px;

    height: 24px;

    content:"";

    display: block;

    position: absolute;

    top: 25px;

    left: 25px;

}

.mes-right form li input{

    border:1px solid #dedef0;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    font-size: 18px;

    color:#4d4f53;

    width: 100%;

    padding: 17px 30px 17px 60px;

}

.mes-right form li textarea{

    border:1px solid #dedef0;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    height: 140px;

    width: 100%;

    font-size: 18px;

    color:#4d4f53;

    padding: 15px 30px 15px 60px;

    line-height: 2em;

}



.mes-right form li textarea::-webkit-input-placeholder {

    color: #000;

}



.mes-right form li textarea::-moz-placeholder {

    color: #000;

}



.mes-right form li textarea:-ms-input-placeholder {

    color: #000;

}



.mes-right form li textarea:-moz-placeholder {

    color: #000;

}

.mes-right form li textarea::-webkit-input-placeholder {

    color:#4d4f53;

}

.msg-btn{

    position: relative;

    z-index: 10;

}



.msg-btn .box{

    position: relative;

    background: #ffc11f;

    background: -webkit-linear-gradient( #fed845 , #ffc11f);

    background: -o-linear-gradient(#fed845, #ffc11f);

    background: -moz-linear-gradient( #fed845, #ffc11f);

    background: linear-gradient( #fed845 , #ffc11f);

    width: 100%;

    text-align: center;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    margin-top: 30px;

    cursor: pointer;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.msg-btn .box:hover{

    box-shadow: 0 5px 20px rgba(25, 64, 54, .5);

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.msg-btn:before{

    width: 100%;

    text-align: center;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    margin-top: 30px;

    background: rgba(175, 175, 175, .5);

    content:"";

    display: block;

    height: 50px;

    line-height: 50px;

    position: absolute;

    bottom: -5px;

    z-index: -1;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.msg-btn:hover:before{

    bottom: 0;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;



}

.msg-btn input{

    font-size: 22px;

    color:#111;

    background: transparent;

    height: 50px;

    line-height: 50px;

    width: 100%;

    cursor: pointer;

}









.page-top .proPage-right li{

    margin-top: 15px;

    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;

}

.list-nav li.active,.list-nav li:hover,.list-nav li.active a,.list-nav li:hover a{

    color:#f0be4d;

}

.list-nav li.active,.list-nav li:hover{

    background: url(../images/bt_icon2.png) no-repeat 35% center;

}





.prev-next{

    background: #f5f5f5;

    border-radius: 30px 0 30px 0;

    -webkit-border-radius: 30px 0 30px 0;

    -moz-border-radius: 30px 0 30px 0;

    -ms-border-radius: 30px 0 30px 0;

    -o-border-radius: 30px 0 30px 0;

    padding: 16px 0;

    margin-bottom: 40px;

    margin-top: 50px;

}

.prev-next ul{

    overflow: hidden;

}

.prev-next li{

    float: left;

    width: 50%;

    padding:0 30px;

}

.prev-next li a{

    font-size: 16px;

    color:#4d4f53;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.prev-next li:hover a{

    color: #F0BE4D;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}



.case-scene {

    margin: 60px 0;

    position: relative;

}



.txt-rele{

    position: relative;

    line-height: 36px;

}

.txt-rele strong {

    font-size: 36px;

    color: #172c52;

    background: -webkit-linear-gradient(330deg, #1f4280 0%, #172c52 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 50px;

    position: relative;

}



.txt-rele:before {

    background: url(../images/case_bg.png) no-repeat;

    background-size: 100% 100%;

    width: 164px;

    height: 46px;

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: -5px;

}



.txt-rele a{

    float: right;

    color: #666;

}

.txt-rele a:hover{

    color: #172c52;

    text-decoration: underline;

}





    

    







    







    





    

    

    

    

    

    







    

    

    

    







    

    



.scene li{

    overflow: hidden;

    margin-top: 50px;

    width: 48%;

    float: left;

    margin-right: 2%;

}

.scene .scene-left{

    float: left;

    width: 100%;

    overflow: hidden;

}

.scene .scene-left img{

    border-top-right-radius: 60px;

    display: block;

    width: 100%;

    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}

.scene .scene-left:hover img{

    -moz-transform: scale(1.08, 1.08);

    -ms-transform: scale(1.08, 1.08);

    -o-transform: scale(1.08, 1.08);

    -webkit-transform: scale(1.08, 1.08);

    transform: scale(1.08, 1.08);

}

.scene .scene-right{

    /* float: right; */

    /* width: 50%; */

    /* padding-left: 30px; */

    width: 100%;

}

.scene .scene-right h3{

    margin-bottom: 40px;

}

.scene .scene-right h3:hover a{

    color:#F0BE4D;

}

.scene .scene-right h3 a{

    font-size: 26px;

    color:#333;

    display: block;

    /* white-space: nowrap; */

    /* overflow: hidden; */

    /* text-overflow: ellipsis; */

    text-align: center;

}

.scene .scene-right .xq-js p{

    font-size: 18px;

    color:#4d4f53;

    line-height: 2em;

    margin-top: 15px;

    position: relative;

    padding-left: 35px;

}

.scene .scene-right .xq-js p:before{

    position: absolute;

    left: 0;

    top: 10px;

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 20px;

    height: 18px;

    background: url(../images/jt_icon.png) no-repeat;

}

.scene .scene-right .xq-js p strong{

    font-size: 18px;

    color: #4d4f53;

}

.caseList li{

    width: 16.666%;

}

.proList{

    background-color: #fff;

    padding:26px 60px 0;

    margin-top: 60px;

    border-radius:40px 40px 0 0 ;

    -webkit-border-radius:40px 40px 0 0 ;

    -moz-border-radius:40px 40px 0 0 ;

    -ms-border-radius:40px 40px 0 0 ;

    -o-border-radius:40px 40px 0 0 ;

}

.proList ul{

    padding-bottom: 0;

}

.proList li{

    margin-bottom: 35px;

}

.proList h2{

    font-size: 28px;

    color:#333;

    margin-bottom: 40px;

}

.proList h2:before{

    width: 8px;

    height: 40px;

    background: #172c52;

    content: "";

    display: inline-block;

    vertical-align: middle;

    margin-right: 20px;

    margin-top: -8px;

}





.top-page{

    padding: 70px 0;

}

.top-page h1{

    font-size: 40px;

    color:#f0be4d;

    margin-bottom: 20px;

}

.author-time span{

    font-size: 18px;

    color:#d3d3d3;

    margin-right: 40px;

}

.new-cut{

    float: right;

    margin-top: -39px;

    margin-right: 60px;

}

.new-cut a{

    background-color: #666;

    padding:15px 27px;

    border-radius: 6px 6px 0 0;

    -webkit-border-radius: 6px 6px 0 0;

    -moz-border-radius: 6px 6px 0 0;

    -ms-border-radius: 6px 6px 0 0;

    -o-border-radius: 6px 6px 0 0;

    margin-left: 20px;

    transition: all ease .6s;

    -webkit-transition: all ease .6s;

    -moz-transition: all ease .6s;

    -ms-transition: all ease .6s;

    -o-transition: all ease .6s;

}

.new-cut a:hover{

    background-color: #2d7261;

    transition: all ease .6s;

    -webkit-transition: all ease .6s;

    -moz-transition: all ease .6s;

    -ms-transition: all ease .6s;

    -o-transition: all ease .6s;

}

.news-page{

    position: relative;

    margin-top: -95px;



}

.news-page .content-base{

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    padding: 50px 60px 60px;

}



.news-pn{

    box-shadow: 0 5px 10px rgba(36,87,76, .3);

    border-radius: 50px 0 50px 0;

    -webkit-border-radius: 50px 0 50px 0;

    -moz-border-radius: 50px 0 50px 0;

    -ms-border-radius: 50px 0 50px 0;

    -o-border-radius: 50px 0 50px 0;

    padding:0 30px;

    margin:60px 0;

}

.news-pn p,.news-pn p a{

    font-size:18px;

    color:#4d4f53;

    padding:20px 0;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.news-pn p:hover a{

    color: #F0BE4D;

    font-weight: bold;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.news-pn p.prev{

    border-bottom: 1px dashed #dedfe0;

}

.news-pn p.prev:before{

    background-image: url(../images/prev.png);

}

.news-pn p.next:before{

    background-image: url(../images/next.png);

}

.news-pn p:before{

    width: 20px;

    height: 20px;

    content:"";

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    margin-top: -2px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    background-color: #1f4280;

    background-position: center;

    background-repeat: no-repeat;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}

.news-pn p:hover:before{

    background-color: #F0BE4D;

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}









.top-cact {

    background: url(../images/cact-pic.jpg) center;

    padding-bottom: 130px;

    background-size: cover;

}

.top-cact h1{

    display: inline-block;

    color: #F0BE4D;

    font-size: 48px;

    line-height: 1.1;

}

.top-cact p{

    width: 57%;

}

.bottom-base{

    overflow: hidden;

    margin-top: 80px;

}

.bot-left{

    float: left;

    background: url(../images/more-btn2.png) no-repeat;

    background-size: 100% 100%;

    width: 230px;

    height: 70px;

    line-height: 70px;

    color:#fff;

    font-size: 22px;

    text-align: center;

    padding-right: 40px;

    position: relative;

    cursor: pointer;

}



.bot-left a{

    color: #fff;

}

.bot-left:before {

    content: "";

    position: absolute;  

    right: 32px;

    top: 20px;

    width: 30px;

    height: 30px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    background: url(../images/area-icon.png) no-repeat;

}



.bot-left:hover {

    color: #F0BE4D;

}



.bot-left:hover:before {

    right: 28px;

}

.bot-right{

    float: left;

    width: 20%;

    margin-left: 30px;

}

.bot-rights{

    

    width: 50%;

  

}

.bot-right p{

    font-size: 20px;

    color:#d3d3d3;

    line-height: 1.4em;

    margin-top: 0;

}

.bot-right strong{

    font-size: 30px;

    color:#f0be4d;

}

.cact-client{

    text-align: center;

    background: url(../images/yc_bg.jpg) no-repeat center #fafbfc;

    padding-bottom: 60px;

    -webkit-background-size: cover;

    background-size: cover;

    margin-top: -1px;

}

.cact-client h2{

    font-size: 46px;

    color:#333;

}

.cact-client p{

    font-size: 18px;

    line-height: 2em;

    color:#666;

}

.cact-client ul{

    overflow: hidden;

    margin-left: -2.75%;

    margin-top: 63px;

}

.cact-client li{

    float: left;

    background: url(../images/li_bg.png) no-repeat;

    background-size: 100%;

    width: 248px;

    height: 401px;

    padding: 60px 25px;

    margin-left: 2.75%;

}

.cact-client li.mt{

    margin-top: 140px;

}

.cact-client li span{

    display: block;

    font-size: 18px;

    color:#fff;

    width: 44px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-weight: bold;

    background: #172c52;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    margin: 0 auto;

}

.cact-client li strong{

    font-size: 22px;

    color:#172c52;

    line-height: 1.6em;

    display: block;

    margin: 15px auto 10px;

}

.cact-foot{

    background: url(../images/cact-foot.jpg) no-repeat center;

    -webkit-background-size: cover;

    background-size: cover;

    padding:90px 0;

}

.cactLeft{

    float: left;

    width: 50%;

    padding-right: 2%;

}

.cactLeft strong{

    font-size: 48px;

    color:#f0be4d;

}

.cactLeft p{

    font-size:18px;

    line-height: 2em;

    color:#d3d3d3;

    margin-top: 15px;

}

.cactLeft form{

    margin-top: 40px;

}

.cactLeft ul{

    margin-left: -6%;

    overflow: hidden;

}

.cactLeft li{

    float: left;

    width: 44%;

    margin-left: 6%;

    position: relative;

}

.cactLeft li input{

    background: rgba(50,54,62,.6);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E,endColorstr=#9932363E);

    width: 100%;

    padding:18px 20px;

    color:#d3d3d3;

    font-size: 18px;

}

.cactLeft li.bt:before{

    content:"*";

    color:red;

    display: block;

    width: 15px;

    height: 15px;

    position: absolute;

    left: 7px;

    top:50%;

    margin-top: -9px;

}

.cactLeft li.text-box{

    width: 94%;

    margin-top: 30px;

    margin-bottom: 60px;

}

.cactLeft li textarea{

    background: rgba(50,54,62, .6);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E,endColorstr=#9932363E);

    outline: none;

    width: 100%;

    color:#d3d3d3;

    height: 170px;

    padding:18px 20px;

    font-size: 18px;

}

.cactLeft li textarea::-webkit-input-placeholder {

    color:#d3d3d3;

}



.cactLeft form .button input{

    background: #fb2840;

    overflow:hidden;

    background-image:linear-gradient(90deg, #fb2840 30%, #fe5e60 50%, #fb2840);

     background-position:left center;

      background-size:200% 100%;

      background-repeat:no-repeat;

    width: 260px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    color:#fff;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

    font-size: 24px;

    cursor: pointer;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

}

.cactLeft form .button input:hover{

    background-position:right center;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

}

.cactRight{

    float: left;

    width: 50%;

    padding-left: 9%;

    margin-top: 15px;

}

.cactRight p{

    font-size: 18px;

    color:#d3d3d3;

    position: relative;

}

.cactRight p:before{

    background: url(../images/wz.png) no-repeat;

    width: 16px;

    height: 16px;

    background-size: 100% 100%;

    content:"";

    display: inline-block;

    vertical-align: middle;

    margin-top: -5px;

    margin-right: 24px;

}

.cactRight strong{

    font-size: 28px;

    color:#fff;

    font-weight: bold;

    position: relative;

    display: block;

    margin-top: 38px;

    margin-bottom: 5px;

}

.cactRight strong:before{

    background: url(../images/dh.png) no-repeat;

    width: 16px;

    height: 16px;

    background-size: 100% 100%;

    content:"";

    display: inline-block;

    vertical-align: middle;

    margin-top: -5px;

    margin-right: 24px;

}

.cactRight span{

    font-size: 18px;

    color:#d3d3d3;

    display: block;

    padding-left: 40px;

}

.map{

    margin-top: 90px;

    position: relative;

}

.map-wz{

    position: absolute;

    top: 145px;

    right: 42%;

    z-index: 10;

}



.point:after{

    width: 80px;

    height: 80px;

    content: '';

    display: block;

    position: absolute;

    top: -20px;

    right: 0;

    bottom: 0;

    left: -20px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .5);

    opacity: 0;

    -webkit-animation: ripple 2200ms ease-out 050ms infinite;

    -moz-animation: ripple 2500ms ease-out 500ms infinite;

    -o-animation: ripple 2500ms ease-out 500ms infinite;

    animation: ripple 2200ms ease-out 050ms infinite;

    z-index: -1;

}

@-webkit-keyframes ripple{

    0%{opacity:0;-webkit-transform:scale(0.1,0.1); }

    5%{ opacity:1; }

    100%{ opacity:0; -webkit-transform:scale(1)}

    }

    @-moz-keyframes ripple{

    0%{opacity:0;-moz-transform:scale(0.1,0.1); }

    5%{ opacity:1; }

    100%{ opacity:0; -moz-transform:scale(1)}

    }

    @-o-keyframes ripple{

    0%{opacity:0;-o-transform:scale(0.1,0.1); }

    5%{ opacity:1; }

    100%{ opacity:0; -o-transform:scale(1)}

    }

    @keyframes ripple{

    0%{opacity:0;-webkit-transform:scale(0.1,0.1);

    -moz-transform:scale(0.1,0.1);

    -ms-transform:scale(0.1,0.1);

    transform:scale(0.1,0.1); }

    5%{ opacity:1; }

    100%{ opacity:0;

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    transform:scale(1);}

    }





.body{

    background: #f5f5f5;

}

.body .header{

    position: static;

}

.body .head-con .nav li a{

    color:#333;

}

.body .top-tel p {

    background: url(../images/tel-phone.png) no-repeat left center;

    color: #333;

}

.four-page{

    overflow: hidden;

    padding:100px 0 175px;

}

.four-page .four-left,.four-page .four-right{

    float: left;

    width: 50%;

}



.four-page .four-right strong{

    font-size: 52px;

    color:#275e51;

    display: block;

    margin-bottom: 60px;

}

.four-page .four-right p{

    font-size: 18px;

    color:#4d4f53;

    line-height: 2.6em;

}

.four-page .four-right ul{

    overflow: hidden;

    padding: 30px 50px 30px 0;

    margin-top: 80px;

}

.four-page .four-right li{

    float: left;

    width: 210px;

    height: 66px;

    line-height: 66px;

    text-align: center;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}

.four-page .four-right li.one {

      background: #172c52;

      overflow:hidden;

      background-image:linear-gradient(90deg, #172c52 30%, #368873 50%, #172c52);

      background-position:left center;

      background-size:200% 100%;

      background-repeat:no-repeat;

      transition: all .5s ease;

      -webkit-transition: all .5s ease;

      -moz-transition: all .5s ease;

      -ms-transition: all .5s ease;

      -o-transition: all .5s ease;

}

.four-page .four-right li.one:hover{

    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);

    background-position:right center;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

}

.four-page .four-right li.one a{

    color:#fff;

    font-size: 18px;

    display: block;

}

.four-page .four-right li.two{

    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);

    margin-left: 40px;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    cursor: pointer;

    font-size: 18px;

}

.four-page .four-right li.two:hover{

    color:#fff;

    background: -webkit-linear-gradient(left, #368873 , #172c52);

    background: -o-linear-gradient(right, #368873, #172c52);

    background: -moz-linear-gradient(right, #368873, #172c52);

    background: linear-gradient(to right, #368873 , #172c52);

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;



}

.four-page .four-right li.two:hover a{

    color:#fff;

}

.four-page .four-right li.two a{

    font-size: 18px;

    color:#333;

    display: block;

}







.wp{

    max-width: 750px;

    width: 100%;

    margin:0 auto;

}

.ewm-box{

    padding:75px 50px;

}

.ewm-box a{

    display: block;

    background: -webkit-linear-gradient(left, #368873 , #172c52);

    background: -o-linear-gradient(right, #368873, #172c52);

    background: -moz-linear-gradient(right, #368873, #172c52);

    background: linear-gradient(to right, #368873 , #172c52);

    height: 100px;

    width: 100%;

    line-height: 100px;

    font-size: 38px;

    font-weight: bold;

    color:#fff;

    text-align: center;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    margin-top: 125px;

}

.ewm-box p{

    font-size: 26px;

    color:#4d4f53;

    line-height: 1.4em;

    text-align: center;

    margin-top: 40px;

}

.icon-bg{



    border-top:20px solid #f5f5f5;

    padding:50px;

}





.fixed-right {

    position: fixed;

    right: 20px;

    bottom: 20%;

    z-index: 9999;

    

    background: url(../images/fixed_bg.png) no-repeat;

    background-size: 100% 100%;

    width: 186px;

    height: 463px;

    padding: 140px 28px 0;

}



.fixed-right .online-service,

.phone-bj,

.message-consult {

    width: 130px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-image: linear-gradient(90deg, #ecd68d 0, #f5f2c9 10%, #ecd68d 40%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ecd68d, endColorstr=#ecd68d, GradientType=1 );

    background-position: left center;

    background-size: 200% 100%;

    background-repeat: no-repeat;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    display: block;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    font-size: 18px;

    cursor: pointer;

}



.fixed-right .online-service:hover,

.phone-bj:hover,

.message-consult:hover {

    background-position: right center;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

}



.message-consult {

    margin-top: 40px;

}



.phone-quote {

    margin-top: 80px;

    position: relative;

}



.phone-quote .box {

    display: none;

    position: absolute;

    top: -35px;

    right: 125%;

    width: 198px;

    height: 117px;

    background: url(../images/ewm_bg.png) no-repeat;

    background-size: 100% 100%;

    padding: 13px;

}



.phone-quote .box-left {

    float: left;

}



.phone-quote .box-right {

    float: left;

    text-align: center;

    margin-left: 5px;

}



.phone-quote .box-right p {

    font-size: 16px;

    color: #172c52;

    font-style: italic;

}



.phone-quote .box-right span {

    font-size: 14px;

    color: #333;

}



.phone-quote .box strong {

    font-size: 20px;

    color: #172c52;

    display: block;

}



#back-top {

    text-align: center;

    color: #fff;

    font-size: 16px;

    margin-top: 25px;

    cursor: pointer;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

}



#back-top:after {

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 10px solid #fff;

    content: "";

    display: inline-block;

    vertical-align: middle;

}



#back-top:hover {

    color: #F0BE4D;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

}



#back-top:hover:after {

    border-bottom: 10px solid #F0BE4D;

}







.pro-read li {

    line-height: 36px;

    margin-top: 30px;

}

.pro-read li a {

    display: block;

    color: #666;

    font-size: 18px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.pro-read li a:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 20px;

    height: 18px;

    background: url(../images/jt_icon.png) no-repeat;

    margin-right: 20px;

    margin-top: -6px;

}



.pro-read li:hover a {

    margin-left: 4px;

    color: #172c52;

}







.data-list{margin-top: 36px;}

.data-list ul {overflow: hidden;margin-left: -2%;margin-bottom: 0;}

.data-list ul li {float: none;width: auto;display: inline-block;margin-left: 2%;color: #666;font-size: 18px; padding-left: 0;box-sizing: border-box;cursor: pointer;margin-bottom: 30px; border-radius: 25px 0 25px 0;background-color: #FFF;border: 1px solid #DEDFE0;}

.data-list ul li span{display: block; padding: 10px 30px;line-height: 1.5;}

.data-list ul li:hover{color: #172c52;}

.data-list ul li.cur{position: relative;z-index: 2;padding: 2px;text-align: center;border: none;

    background: -moz-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -webkit-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -o-linear-gradient(left, #368873 0%, #172c52 100%);

    background: -ms-linear-gradient(left, #368873 0%, #172c52 100%);

    background: linear-gradient(to right, #368873 0%, #172c52 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#368873, endColorstr=#172c52, GradientType=0 );

    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);

}

.data-list ul li.cur span{display: block;color: #333;font-weight: bold; width:100%;height:100%;background-color: #FFF;border-radius: 24px 0 24px 0;}

.data-no{display: none;}



.data-link{margin: 50px 0 40px;padding-left: 15px;text-align: center;}

.data-link strong{ display:inline-block;color: #FFF;font-size: 18px;position: relative;z-index: 0;text-align: center;line-height: 60px;width: 375px;font-weight: normal;}

.data-link strong:before{content: "";position: absolute;left: 0;top: 0;width: 375px;height:60px;background: url(../images/data-link01.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;z-index: -1;}



.link-cons{padding: 30px; margin-top: -28px; background-color: #FFF;-webkit-box-shadow: 0 3px 15px rgba(0,0,0,.2);-moz-box-shadow: 0 3px 15px rgba(0,0,0,.2);-ms-box-shadow: 0 3px 15px rgba(0,0,0,.2);-o-box-shadow: 0 3px 15px rgba(0,0,0,.2);box-shadow: 0 3px 15px rgba(0,0,0,.2);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}

.link-cons a{display: inline-block;line-height:50px;padding: 0 30px;background-color: #172c52; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 10px rgba(0,0,0,.15);-ms-box-shadow: 0 3px 10px rgba(0,0,0,.15);-o-box-shadow: 0 3px 10px rgba(0,0,0,.15);box-shadow: 0 3px 10px rgba(0,0,0,.15);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;position: relative;z-index: 0;color: #393B45;font-size: 18px;margin-right:26px;text-align: center;margin-top: 20px;}

.link-cons a:before{content: "";position: absolute;left: -4px;top: -4px;width: 100%;height: 100%;background: url(../images/data-link02.png) left top;z-index: -1;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}

.link-cons a:hover{color: #172c52;}





.more-news{background-color: #FFF;padding: 70px 60px 80px;}

.more-tit{color: #333;font-size: 36px;font-weight: bold;line-height: 1.1;position: relative;padding-left: 50px;}

.more-tit:before {content: "";position: absolute;left: 0;top: 4px;width: 36px;height: 36px;background: url(../images/more-news.png) no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}

.more-tit a{color: #172c52;}

.more-tit a:hover{color: #F0BE4D;}



.content-news{

    margin-top: -50px;

}

.content-news .xg-new{

    margin-top: 0;

}

.news-pave{

    margin-top: 50px;

    margin-bottom: -30px;

}

.news-pave ul{

    margin-left: -4.7%;

}

.news-pave ul li{

    float: left;

    width: 45.3%;

    margin-left: 4.7%;

    position: relative;

    padding: 25px 30px;

    margin-bottom: 30px;

    background-color: #FFF;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    -moz-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    -ms-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    -o-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

    box-shadow: 0 3px 15px rgba(37, 92, 79, .15);

}

.pave-txt{

    display: block;

    font-size: 22px;

    font-weight: bold;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 36px;

}

.pave-txt:hover{

    color: #172c52;;

}

.pave-pic{

    clear: both;

    overflow: hidden;

    margin: 22px 0;

    margin-left: -2%;

}

.pave-pic a{

    float: left;

    width: 31.3%;

    margin-left: 2%;

}

.pave-pic a img{

    width: 100%;

    height: 115px;

    -o-object-fit: cover;

    object-fit: cover;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}

.news-pave p{

    color: #AAA;

    line-height: 20px;

}



@media screen and (max-width: 1919px) {

    .item01 {

        background: url(../images/ban-bg01.jpg) center;

    }

    .item01 {

        background-size: auto;

    }

    .nav li{

        /*margin-right: 20px;*/

    }

    .btn-more{

        width: 145px;

        line-height: 48px;

    }

    .ban-btn {

        margin-top: 100px;

        margin-left: 36%;

    }

    .ban-txt a{

        font-size: 80px;

    }

    .ban-txt i{

        font-size: 100px;

    }

    .ban-con .slick-prev{

        margin-left: -750px;

    }

    .paging{

        margin-left: -660px;

    }

    .tab-list{

        padding: 20px 10px 25px 90px;

        margin: 22px 0px 22px 70px;

    }

    .link-con{

        

    }

    .index-cont:before{

        /*width: 95%;*/

    }

    .index-cont{

        padding: 55px 0;

    }

    .vie-info li{

        margin-top: 20px;

    }

    .page-top .page-right .box{

        margin-top: 40px;

    }

    .index-pice .pice{

        top:20px;

    }

    .pice-bottom {

        margin-top: 20px;

    }

    .pice-bottom .piceLeft strong{

        font-size: 22px;

    }

    .tab-list{

        margin-left: 66px;

    }

    .tab-pro{

        width: 48%;

        left: -53px;

        top: 16px;

    }

}

@media screen and (max-width: 1699px) {

    .ban-txt a.txt-font{padding-top: 1%;}

}

@media screen and (max-width: 1599px) {

    .wrap{

        /*width: 94%;*/

    }

    .nav{

        /*margin-left: 90px;*/

				/*padding: 0 4%;*/

    }



    .ban-txt a {

        font-size: 60px;

    }

    .ban-txt a.txt-font{

        font-size: 55px;

    }

    .ban-txt i {

        font-size: 72px;

    }

    .ban-item:before{

        top: 175px;

        width: 32%;

    }

    .ban-pic{

        width: 50%;

        margin-right: 8%;

    }

    .ban-pic:after{

        z-index: -1;

        background-size: 100% 100%;

        top: -30px;

        width: 190px;

        height: 510px;

    }

    .ban-con .slick-prev {

        margin-left: -45%;

    }

    .ban-con .slick-next{

        margin-left: -30%;

    }

    .paging {

        margin-left: -38%;

        bottom: 45px;

    }

    .tab-info a{

        font-size: 16px;

    }

    .tab-info p{

        font-size: 14px;

        margin-top: 5px;

    }

    .tab-list {

        padding: 20px 10px 25px 70px;



    }

    .cont-font{

        font-size: 24px;

    }

    .edit-text label input, .edit-area textarea{

        width: 210px;

    }

    .index-cont {

        padding: 55px 0;

    }

    .type-txt{

        padding-left: 40px;

    }

    .type-txt a{

        font-size: 36px;

    }

    .top-about{

        background-size: 100% 100%;

    }

    .page-top .page-right .box .box-right{

        width: 220px;

        height: 58px;

        line-height: 58px;

    }

    .page-top .page-right .box .box-right:before{

        height: 58px;

    }

    .cact-client li{

        width: 233px;

    }

    .hot-name{

        height: 157px;

    }

    .news-hots {

        margin-top: 80px;

    }

    .hots-name{

        height: 137px;

    }

    .page-top .page-right h1{

        font-size: 32px;

    }

    .page-top .page-right{

        padding: 35px 30px 0 22%;

    }

    .index-pice .pice{

       /* width: 66%;*/

    }

    .pice-bottom .piceLeft a{

        width: 280px;

        height: 70px;

        line-height: 70px;

        font-size: 20px;

        margin-top: 35px;

    }

    .pice-bottom .piceLeft strong {

        font-size: 20px;

    }

    .index-case{

        z-index: -1;

    }

}



@media screen and (max-width: 1499px) {

    .about-txt p i{

        display: none;

    }

    

}

@media screen and (max-width: 1399px) {

    .wrap {

        width: 96%;

    }

    .nav li a,.cact-client p{

        font-size: 16px;

    }

    .top-tel p strong{

        font-size: 22px;

    }

    .ban-pic span{

        font-size: 20px;

    }

    .tab-list {

        padding: 16px 12px 16px 50px;

    }

    .tab-pro{

        top: 12px;

    }

    .ban-con .slick-prev, .ban-con .slick-next{

        width: 35px;

        height: 35px;

        bottom: 136px;

    }

    .paging{

        margin-left: -39%;

    }

    .ban-btn{

        margin-top: 106px;

    }

    .type-txt a{

        font-size: 28px;

    }

    .type-link{

        width: 80px;

        height: 80px;

        margin-left: -40px;

        margin-top: -40px;

    }

    .type-txt {

        padding-left: 10px;

    }

    .ban-txt a {

        font-size: 48px;

    }

    .ban-txt a.txt-font{

        font-size: 46px;

    }

    .txt-name h2,.index-txt h2,.hot-txt h2, .base-txt h2,.about-txt h1,.about-txt h2,.ser-font strong,

    .top-base strong,.cact-client h2,.cactLeft strong,.index-pice .pice h2{

        font-size: 38px;

    }

    .index-cont:after{

        width: 170px;

        height: 260px;

    }

    .index-cont {

        padding: 55px 5% 55px 15%;

    }

    .cont-font {

        font-size: 18px;

    }

    .edit-text, .edit-area, .edit-btn{

        margin-left: 15px;

    }

    .link-con dt a{

        font-size: 24px;

    }

    .index-link:before{

        left: 0;

    }

    .link-con{

        

    }

    .price-pic{

        left:57%;

    }

    .price-info{

        /*width: 60%;*/

    }

    .page-top .page-right li{

        margin-top: 20px;

    }

    .top-cact h1{

        font-size: 42px;

    }

    .cact-client li {

        width: 204px;

    }

    .cact-client li span{

        width: 38px;

        height: 38px;

        line-height: 38px;

        font-size: 16px;

    }

    .cact-client li strong{

        font-size: 18px;

        margin: 7px auto;

    }

    .cact-client{

        padding-bottom: 0;

    }

    .cact-foot{

        padding: 60px 0 50px;

    }

    .cactLeft form .button input{

        width: 210px;

        height: 58px;

        line-height: 58px;

        font-size: 18px;

    }

    .news-con,.news-page .content-base{

        padding: 40px 30px;

    }

    .hot-link,.content-right{

        width: 34%;

    }

    .hot-name {

        height: 140px;

        padding: 0px 50px;

    }

    .hots-name {

        height: 120px;

        padding: 60px 30px 15px;

    }

    .pro-cons{

        padding:40px;

    }

    .content-base{

        padding: 30px 30px 60px;

    }

    .content-right{

        padding-right: 0;

    }

    .scene .scene-right{

        padding-left: 15px;

    }

    .scene .scene-right h3{

        font-size: 22px;

        margin-bottom: 15px;

    }

    .scene .scene-right .xq-js p{

        padding-left: 25px;

        margin-top: 10px;

        font-size: 16px;

    }

    .scene li{

        margin-top: 25px;

    }

    .case-scene{

        margin: 35px 0;

    }

    .about-info ul{

        margin-top: 25px;

    }

    .about-info span {

        margin-top: 30px;

    }

    .index-pice .pice{

        left: 30%;

    }

    .index-pice .pice p{

        margin-top: 5px;

    }

    .pice-bottom .piceLeft a{

        margin-top: 15px;

    }

    .video-info li{

        margin-bottom: 60px;

    }

    .index-video{

        padding-bottom: 100px;

    }

    .index-video:before{

        background: #1D2025;

    }

    .pice-bottom .piceLeft .btn-price{

        height: 72px;

        line-height: 72px;

    }

    .four-page .four-right strong{

        font-size: 50px;

    }

    .ser-idea ul li p{font-size: 16px;}

}

@media screen and (max-width: 1313px) {

    .about-txt p{margin-top: 50px;}

}



@media screen and (max-width: 749px) {

    .ewm-box,.icon-bg {

        padding: 20px 10px;

    }

    .ewm-box a{

        height: 70px;

        line-height: 70px;

        font-size: 28px;

        margin:50px auto 0;

    }



}

@media screen and (max-width: 479px) {

    .ewm-box a {

        height: 56px;

        line-height: 56px;

        font-size: 24px;

    }

    .ewm-box p{

        font-size: 18px;

    }

}

@media screen and (max-width: 374px) {

    .ewm-box a{

        font-size: 18px;

    }

}



#allmap{height: 380px;

    margin-top: 30px;}

#map{height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}



video::-internal-media-controls-download-button {

    display:none;

}



video::-webkit-media-controls-enclosure {

    overflow:hidden;

}



video::-webkit-media-controls-panel {

    width: calc(100% + 30px); 

}





.xcsm {

    display: block;

    position: fixed;

    left: 0;

    top: 30%;

    z-index: 9999;

    width: 55px;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    font-weight: bold;

    background-color: #0f4271;

    color: #fff;

    line-height: 23px;

    padding: 5px 0;

}

.xcsm:hover{

    color: #fff;

}





/*分页样式*/

.pagination {

	clear: both;

	margin: 10px 0;

	text-align: center;

}

.pagination li {

	display: inline-block;

*display: inline;

	zoom: 1;

}

.pagination li a {

	display: block;

	padding: 4px 16px;

	background-color: #fff;

	border: 1px solid #eee;

	font-size:16px;

	transition: all 0.3s ease;

}

.pagination li + li a {

	border-left: none;

}

.pagination li.active a, .pagination li a:hover {

	background-color: #254c92;

	border: 1px solid #254c92;

	color: #ffffff;

	border-left: none;

}